/* CabinLuxe checkout / thank-you / tracking — Trust Navy */
.clx-co{--bg:#fff;--sf:#F1F5FA;--ink:#0E2240;--mut:#55657C;--line:#DCE4EE;--cta:#F07A1A;--ctaInk:#1A1206;--good:#16703D;--bad:#C2352B;--soft:#FFF4EA;
  max-width:560px;margin:0 auto;padding:12px 0 32px;display:flex;flex-direction:column;gap:12px;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.5}
.clx-co *{box-sizing:border-box}
.clx-co [hidden]{display:none!important}
.clx-co h1,.clx-co h2{font-family:'Sora',system-ui,sans-serif;margin:0;line-height:1.25;text-wrap:balance}
.clx-co h1{font-size:20px}.clx-co h2{font-size:16px}
.clx-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}
.clx-muted,.clx-co small{color:var(--mut);font-size:12px;font-weight:500}
.clx-steps{display:flex;justify-content:center;gap:8px;font-size:12px;font-weight:700;color:var(--mut)}
.clx-steps .done{color:var(--good)}.clx-steps .on{color:var(--ink)}.clx-steps i{font-style:normal;color:#A9B6C9}
.clx-item{display:flex;gap:12px;align-items:center}
.clx-item img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--sf)}
.clx-item-main{flex:1;min-width:0}.clx-item-main b{display:block}
.clx-item-price{text-align:right}.clx-item-price s{font-size:12px;color:var(--mut)}
.clx-qty{display:flex;align-items:center;gap:6px;margin-top:4px}
.clx-qty button{width:30px;height:30px;border:1.5px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px;font-weight:700;cursor:pointer;line-height:1}
.clx-qty #clxQty{min-width:18px;text-align:center;font-weight:800}
.clx-addon{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--soft);border:1.5px dashed var(--cta);border-radius:12px;cursor:pointer;font-size:13px}
.clx-addon input{width:20px;height:20px;accent-color:var(--cta);flex-shrink:0}
.clx-addon img{width:40px;height:40px;border-radius:8px;object-fit:cover}
.clx-addon s{color:var(--mut)}
.clx-form{display:flex;flex-direction:column;gap:14px}
.clx-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.clx-form input{height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-weight:500;color:var(--ink);background:var(--bg);width:100%}
.clx-form input:focus{outline:none;border-color:var(--ink)}
.clx-form input.bad{border-color:var(--bad);background:#FDF1F0}
.clx-form input[name=city],.clx-form input[name=state]{background:var(--sf)}
.clx-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.clx-phone{display:flex;height:48px;border:1.5px solid var(--line);border-radius:10px;overflow:hidden}
.clx-phone>span{display:grid;place-items:center;padding:0 12px;background:var(--sf);font-weight:700}
.clx-phone input{border:0!important;height:100%;border-radius:0;flex:1;min-width:0}
.clx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.clx-geo{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1.5px dashed var(--ink);border-radius:10px;background:#F7FAFD;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.clx-geo:disabled{opacity:.6;cursor:progress}
.clx-geo-msg{margin:-6px 0 0;padding:8px 12px;border-radius:8px;background:#FDF1F0;color:var(--bad);font-size:12.5px;font-weight:700}
.clx-geo-msg.ok{background:#E3F4EA;color:var(--good)}
.clx-pin-msg{margin:0;padding:10px 12px;border-radius:8px;background:var(--soft);color:#8A3D07;font-size:13px;font-weight:700}
.clx-pay{display:flex;flex-direction:column;gap:10px}
.clx-opt{display:flex;flex-direction:column;gap:10px;padding:14px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer}
.clx-opt.sel{border:2px solid var(--ink);background:#F7FAFD}
.clx-opt.disabled{opacity:.45;pointer-events:none}
.clx-opt-head{display:flex;align-items:center;gap:10px}
.clx-opt-head>span{flex:1;min-width:0}
.clx-opt input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0}
.clx-opt .tag{font-style:normal;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:#F7B57A;color:var(--ctaInk);white-space:nowrap}
.clx-opt .tag.good{background:var(--good);color:#fff}
.clx-opt-amt{font-size:14px}
.clx-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:center}
.clx-split>span{padding:8px 6px;background:var(--bg);border:1px solid var(--line);border-radius:8px}
.clx-split small{display:block;font-size:11px;font-weight:700}
.clx-split b{font-size:16px}
.clx-opt:not(.sel) .clx-split{display:none}
.clx-why{margin:0;padding:10px 12px;background:var(--sf);border-radius:8px;font-size:12px;color:var(--mut)}
.clx-why b{color:var(--ink)}
.clx-secure{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--mut)}
.clx-secure svg{color:var(--good)}
.clx-sum{display:flex;flex-direction:column;gap:8px}
.clx-sum>div{display:flex;justify-content:space-between;gap:12px}
.clx-sum>div>span:first-child{color:var(--mut)}
.clx-sum .tot{border-top:1px solid var(--line);padding-top:10px;font-weight:800;font-size:15px}
.clx-sum .tot span:first-child{color:var(--ink)}
.clx-sum .big{font-weight:800;font-size:17px}
.clx-sum .big span:first-child{color:var(--ink)}
.clx-co .good{color:var(--good);font-weight:700}
.clx-co .accent{color:#B4560E}
.clx-cta-wrap{display:flex;flex-direction:column;gap:10px}
.clx-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border:0;border-radius:12px;background:var(--cta);color:var(--ctaInk);font:inherit;font-weight:800;font-size:17px;cursor:pointer;box-shadow:0 8px 20px rgba(240,122,26,.3)}
.clx-cta:disabled{opacity:.7;cursor:progress}
.clx-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:11px;font-weight:700;color:var(--mut);text-align:center}
.clx-chips span{padding:8px 4px;background:var(--sf);border-radius:8px}
.clx-terms,.clx-center{margin:0;text-align:center;font-size:12px;color:var(--mut)}
.clx-co a{color:var(--ink)}
.clx-error{margin:0;padding:10px 12px;border-radius:8px;background:#FDF1F0;color:var(--bad);font-weight:700;font-size:13px}
/* thank you */
.clx-ty-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:26px 18px}
.clx-ty-head p{margin:0;color:var(--mut)}
.clx-tick{width:72px;height:72px;border-radius:50%;background:#E3F4EA;color:var(--good);display:grid;place-items:center}
.clx-oid{display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px dashed var(--ink);border-radius:12px}
.clx-oid b{font-family:'Sora',system-ui,sans-serif;font-size:26px;letter-spacing:1px}
.clx-oid button{border:0;border-radius:8px;background:var(--ink);color:#fff;font:inherit;font-weight:700;font-size:12px;padding:8px 12px;cursor:pointer}
.clx-note{display:flex;gap:10px;text-align:left;padding:12px 14px;border-radius:10px;background:var(--soft);font-size:13px;width:100%}
.clx-note svg{flex-shrink:0;color:#B4560E}
.clx-note-shot{background:#E2ECF8}.clx-note-shot svg{color:#1D4F91}
.clx-next{display:flex;flex-direction:column;gap:14px}
.clx-next>div{display:flex;gap:12px}
.clx-next i{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px}
.clx-next small{display:block;font-size:13px}
.clx-ty-actions{display:flex;flex-direction:column;gap:10px}
.clx-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:12px;background:var(--cta);color:var(--ctaInk)!important;font-weight:800;text-decoration:none}
.clx-btn.wa{background:#1F8F4E;color:#fff!important}
.clx-btn.ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink)!important}
/* track */
.clx-track-res{display:flex;flex-direction:column;gap:10px}
.clx-track-res p{margin:0}
.clx-track-top{display:flex;justify-content:space-between;align-items:center}
.clx-track-top b{font-family:'Sora',system-ui,sans-serif;font-size:20px}
.clx-badge{background:#E3F4EA;color:var(--good);font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px}
.clx-empty{text-align:center;padding:40px 16px}