/* 2026-11-06 Bill: Buy Now green #1e7e34 (was navy var(--n)) */
/* FX quote page - modern layout, PREVIEW cm-564c6e40 (Grok Bot 2026-10-24). Mobile first; everything scoped to .fxm2-wrap (made by fxm2.js). */
body.fxm2{background:#EEF2F6!important}
body.fxm2 #pagecontainer{max-width:1120px}
.fxm2-on .quotercontent{padding:0}
.fxm2-wrap{--n:#0B2545;--b:#1D5FA8;--g:#16794A;--red:#C8102E;--line:#DCE3EC;--mut:#5B6675;--card:#fff;
 font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1B2430;margin:8px 0 0;-webkit-font-smoothing:antialiased}
.fxm2-wrap *,.fxm2-wrap *:before,.fxm2-wrap *:after{box-sizing:border-box}
/* header */
.fxm2-top{padding:6px 0 16px;border-bottom:1px solid var(--line);margin:0 0 16px}
.fxm2-eye{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b);margin:0 0 4px}
.fxm2-top h1{margin:0 0 12px;font:700 clamp(22px,4.6vw,32px)/1.15 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--n);letter-spacing:-.015em;text-transform:none}
.fxm2-prices{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:flex-end}
.fxm2-price{display:flex;flex-direction:column;gap:2px}
.fxm2-pl{font-size:12px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.fxm2-pv{font-size:30px;font-weight:800;color:var(--n);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.fxm2-p1 .fxm2-pv{font-size:20px;color:var(--mut);font-weight:600}
.fxm2-orig{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap}
.fxm2-sale{align-self:flex-start;margin-top:4px;font-size:11.5px!important;padding:3px 9px!important;border-radius:99px!important}
.fxm2-p1 .fxm2-sale{display:none!important}
.fxm2-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:14px 0 0}
.fxm2-meta .fx-shiptime{position:static!important;float:none!important;margin:0!important;padding:7px 12px!important;border:0!important;border-radius:99px;background:#E7F0FA;color:var(--n);font:600 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;width:auto!important;box-shadow:none!important}
.fxm2-meta .fx-shiptime strong{color:var(--n)!important}
.fxm2-other{display:flex;align-items:center;gap:8px;flex:1 1 260px}
.fxm2-ol{font-size:13px;color:var(--mut);white-space:nowrap}
.fxm2-other form{margin:0;flex:1}
.fxm2-other select{width:100%;max-width:360px}
/* grid + cards: phone = drawing (w/ measure btn under sail), luff slide, options, about */
.fxm2-grid{display:flex;flex-direction:column;gap:12px}
.fxm2-col{display:contents}
.fxm2-pic{order:1}.fxm2-slide{order:2}.fxm2-opts{order:3}.fxm2-about{order:4}
.fxm2-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(11,37,69,.04),0 6px 20px rgba(11,37,69,.06);min-width:0}
.fxm2-ct{margin:0 0 12px;font:700 18px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--n)}
.fxm2-pic{text-align:center;padding:10px 12px 12px}
.fxm2-pic img{max-width:100%;height:auto}
/* Bill 2026-11-03: measure button under sail dims */
.fxm2-under-sail{margin:8px 0 0;text-align:left}
.fxm2-under-sail .fxcm{margin:0;clear:none}
.fxm2-under-sail .fxcm-opt{min-height:44px;padding:10px 14px;font-size:14px}
.fxm2-under-sail .fxcm-form{text-align:left}
/* luff slide */
.fxm2-slide .fxsp-box{margin:0!important;display:flex!important;align-items:center;gap:12px;font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.fxm2-slide .fxsp-box a.fxsp-pick{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border-radius:10px}
/* options */
.fxm2-opts .quoteroptions{margin:0;padding:0;border:0;background:none;width:auto;float:none}
.fxm2-opts form#sail_options{display:flex;flex-direction:column;gap:12px;margin:0}
.fxm2-f{display:flex;flex-direction:column;gap:5px}
.fxm2-fl{font-size:14px;font-weight:600;color:var(--n)}
.fxm2-wrap select{width:100%!important;max-width:100%;min-height:46px;padding:10px 40px 10px 12px!important;border:1.5px solid #B9C5D3!important;border-radius:10px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%235B6675' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center!important;-webkit-appearance:none;appearance:none;font:16px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:#1B2430!important;height:auto!important}
.fxm2-wrap select:focus{outline:none;border-color:var(--b)!important;box-shadow:0 0 0 3px rgba(29,95,168,.18)}
.fxm2-opts input.buttonblue,.fxm2-opts .button a,.fxm2-opts .buttonbuy{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:none!important;min-height:50px;height:auto!important;margin:0!important;padding:12px 18px!important;border-radius:12px!important;font:700 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;text-decoration:none!important;box-sizing:border-box;float:none!important;cursor:pointer;line-height:1.2!important}
.fxm2-opts input.buttonblue{background:#fff!important;color:var(--b)!important;border:1.5px solid var(--b)!important;box-shadow:none!important}
.fxm2-opts p{margin:12px 0 0}
.fxm2-opts .button{margin:0;padding:0;background:none;border:0;width:auto;float:none}
.fxm2-opts .button a{background:#F1F5F9!important;color:var(--n)!important;border:1.5px solid var(--line)!important}
.fxm2-opts .fxbn-box{padding-top:0}
.fxm2-opts .buttonbuy{background:#1e7e34!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(30,126,52,.28)!important;font-size:17px!important}
.fxm2-opts .buttonbuy:hover{background:#196c2e!important}
.fxm2-opts input.buttonbuy.fxbn-pp-btn{background:#fff!important;color:var(--n)!important;border:1.5px solid var(--n)!important;box-shadow:none!important;margin-top:4px!important}
.fxm2-opts .fxbn-note,.fxm2-opts .fxbn-or{width:auto;margin:0 auto;font:13px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.fxm2-opts .fxbn-pp{text-align:center}
.fxm2-opts .fxps-trust{margin:0 0 12px;padding:0}
.fxm2-opts .fx-ct{margin:0 0 14px!important}
.fxm2-opts form[data-vp="checkout-off"]{position:relative}
/* about */
.fxm2-about{font-size:15px;line-height:1.55}
.fxm2-about p{margin:0 0 10px}
.fxm2-about .qx{margin:0 0 14px!important;width:auto!important;max-width:none!important}
.fxm2-about strong{color:var(--n)}
/* drawing labels with the customer's numbers */
.fxm2-wrap .fxcm-yours{font-weight:700}
/* desktop/tablet: drawing + about left; slide + options right (Buy Now higher) */
@media (min-width:900px){
 .fxm2-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
 .fxm2-col{display:flex;flex-direction:column;gap:12px;min-width:0}
 .fxm2-r{position:relative}
 .fxm2-card{padding:20px}
 .fxm2-opts form#sail_options{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
 .fxm2-opts form#sail_options input.buttonblue{grid-column:1/-1}
 .fxm2-opts form#sail_options .fxbn-busy{grid-column:1/-1}
}
@media (max-width:600px){
 body.fxm2 #pagecontainer{padding:4px 12px 0}
 .fxm2-card{padding:14px;border-radius:12px}
 .fxm2-other{flex-direction:column;align-items:stretch;gap:4px}
 .fxm2-pv{font-size:28px}
}
/* fixes after first screenshots */
.fxm2-on .quotercontent{border:0!important;background:none!important;width:auto!important;max-width:none!important;box-shadow:none!important}
.fxm2-pic{position:relative;overflow:hidden}
.fxm2-pic .fxrl{width:auto!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box}
.fxm2-pic .fxrl-svg svg,.fxm2-pic .fxrl svg{max-width:100%;height:auto}
.fxm2-pic .fxrl-cap{font:600 14px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:#0B2545}
.fxm2-opts .quoteroptions,.fxm2-opts form#sail_options,.fxm2-f,.fxm2-fl{text-align:left!important}
.fxm2-slide .fxsp-box{flex-wrap:wrap}
.fxm2-wrap h1,.fxm2-top h1{background:none!important;border:0!important;box-shadow:none!important;padding-left:0!important}

/* 2026-11-03 Bill fold: keep sail + inline Buy Now on one tablet landscape screen (~1024x640) */
@media (min-width:900px){
 .fxm2-card{padding:14px 16px}
 .fxm2-top{padding:4px 0 10px;margin:0 0 10px}
 .fxm2-ct{margin:0 0 8px;font-size:16px}
 .fxm2-opts .fxps-trust{margin:0 0 8px}
 .fxm2-opts .fx-ct{margin:0 0 8px!important}
 .fxm2-opts form#sail_options{gap:8px 12px}
 .fxm2-opts input.buttonblue,.fxm2-opts .button a,.fxm2-opts .buttonbuy{min-height:46px;padding:10px 14px!important}
 .fxm2-pic .fxr5-img,.fxm2-pic img.fxr5-img{max-height:min(380px,calc(100vh - 220px));width:auto!important;max-width:100%}
 .fxm2-pic .fxr3{padding:4px 6px 6px;max-width:100%}
 .fxm2-under-sail{margin-top:6px}
 /* Buy Now sits above Your order; keep summary compact */
 .fxm2-opts #fxbn-box{margin:8px 0 10px;padding-top:4px}
 .fxm2-opts #fxcm-sum{margin:8px 0;padding:10px 12px}
 .fxm2-opts #fxcm-sum .fxcm-sum-h{font-size:14px;margin:0 0 4px}
 .fxm2-opts #fxcm-sum th,.fxm2-opts #fxcm-sum td{padding:3px 0;font-size:13px}
 .fxm2-opts #fxcm-sum .fxcm-sum-p{margin:6px 0 0}
 .fxm2-opts #fxcm-sum .fxcm-sum-p b{font-size:18px}
}
/* Short landscape (tablet ~1024x640 / laptop 1280x800): shrink chrome so sail + Buy Now share first screen */
@media (min-width:900px) and (max-height:820px){
 body.fxm2 #fxh-bar .fxh-brand img{width:48px!important;height:48px!important}
 body.fxm2 #fxh-bar .fxh-motto,
 body.fxm2 #fxh-bar .fxh-tag,
 body.fxm2 #fxh-bar #topnavcontainer{display:none!important}
 body.fxm2 #fxh-bar .fxh-in{padding:6px 14px!important;min-height:0!important;align-items:center}
 body.fxm2 #fxh-bar .fxh-name{font-size:18px!important}
 body.fxm2 #fxh-bar .fxh-ct{gap:8px}
 body.fxm2 #fxh-bar{min-height:0!important}
 body.fxm2 #mhead{min-height:0!important}
 body.fxm2 #mhead .mh-links a,body.fxm2 #mhead a{padding-top:8px!important;padding-bottom:8px!important}
 body.fxm2 #pagecontainer{padding-top:8px!important;padding-bottom:12px!important}
 .fxm2-top{padding:2px 0 6px;margin:0 0 6px}
 .fxm2-top h1{font-size:clamp(18px,2.8vw,24px);margin:0 0 6px}
 .fxm2-pv{font-size:24px}
 .fxm2-p1{display:none!important} /* hide Standard price twin; options price stays */
 .fxm2-meta{margin:6px 0 0;gap:8px 12px}
 .fxm2-meta .fx-shiptime{padding:5px 10px!important;font-size:12.5px!important}
 .fxm2-card{padding:8px 10px}
 .fxm2-ct{margin:0 0 6px;font-size:15px}
 .fxm2-slide .fxsp-box{gap:6px;font-size:13px}
 .fxm2-slide .fxsp-box a.fxsp-pick{min-height:36px;padding:6px 12px}
 .fxm2-opts .fxps-trust,.fxm2-opts .fx-ct{display:none!important} /* already in About / sticky */
 .fxm2-opts form#sail_options{gap:6px 10px}
 .fxm2-wrap select{min-height:38px;padding:7px 36px 7px 10px!important;font-size:14px!important}
 .fxm2-opts input.buttonblue,.fxm2-opts .button a,.fxm2-opts .buttonbuy{min-height:42px;padding:8px 12px!important;font-size:15px!important}
 .fxm2-pic .fxr5-img,.fxm2-pic img.fxr5-img{max-height:min(260px,calc(100vh - 180px))}
 .fxm2-under-sail .fxcm-opt{min-height:40px;padding:8px 12px;font-size:13px}
 .fxm2-grid{gap:10px}
 .fxm2-col{gap:8px}
}
@media (min-width:900px) and (max-height:680px){
 body.fxm2 #mhead #mhero-bg{display:none!important}
 body.fxm2 #fxh-bar .fxh-brand img{width:36px!important;height:36px!important}
 .fxm2-pic .fxr5-img,.fxm2-pic img.fxr5-img{max-height:min(200px,calc(100vh - 160px))}
 .fxm2-opts .fxbn-note,.fxm2-opts .fxbn-or,.fxm2-opts .fxbn-pp{display:none!important} /* keep primary Buy Now only above the fold */
 .fxm2-opts input.buttonbuy.fxbn-pp-btn{display:none!important}
}