/* The checkout. Dark in both themes like the sales page, so every colour is a fixed
   light-on-dark value rather than a theme token. 16 Oct 2026. */
.cowrap{max-width:1080px;margin:0 auto;padding:40px 28px 72px}
.cowrap h1{font:700 clamp(32px,5vw,56px)/1 var(--display);text-transform:uppercase;
  letter-spacing:-.018em;margin:0 0 26px;color:#f2f5f1}
.cogrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:start}

.cobox{padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#1d2320;
  display:grid;gap:20px}
.cobox .field{display:grid;gap:7px}
.cobox label{font:600 15px var(--body);color:#f2f5f1}
.cobox input[type=email]{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);
  color:#f2f5f1;border-radius:11px;padding:13px 14px;font:inherit;font-size:17px}
.cobox input[type=email]:focus-visible{outline:2px solid #6cc27a;outline-offset:1px}
.cobox .sub{color:#aab3ad;font-size:14px;line-height:1.5}

.waiver{padding:16px 18px;border-radius:14px;border:1px solid rgba(245,197,24,.35);
  background:rgba(245,197,24,.07)}
.wrow{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-weight:400}
.wrow input{margin:3px 0 0;width:20px;height:20px;flex:0 0 auto;accent-color:#2f8a3c;cursor:pointer}
.wrow span{color:#e7ebe6;font-size:15.5px;line-height:1.5}
.wnote{margin:10px 0 0;color:#aab3ad;font-size:14px;line-height:1.5}
.wnote a{color:#f5c518}

.status{margin:0;min-height:1.4em;color:#ccd4ce;font-size:15px}
.status.bad{color:#f08a64}
.cofine{margin:0;color:#8b948e;font-size:13.5px;line-height:1.5}
.cofine a{color:#aab3ad}

.coside{padding:28px;border-radius:18px;border:1px solid #2f8a3c;
  background:linear-gradient(180deg,rgba(47,138,60,.2),rgba(13,16,14,.4))}
.coside h2{margin:0 0 10px;font:700 19px var(--display);text-transform:uppercase;color:#f2f5f1}
.coprice{margin:0 0 18px;color:#ccd4ce;font-size:17px}
.coprice span{font:700 clamp(40px,6vw,60px)/1 var(--display);color:#f5c518;display:block}
.coside .plist{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.coside .plist li{position:relative;padding-left:26px;color:#ccd4ce;font-size:15.5px;line-height:1.5}
.coside .plist li::before{content:"";position:absolute;left:0;top:.6em;width:12px;height:2px;
  background:#6cc27a;border-radius:1px}
.conote{margin:0 0 14px;color:#ccd4ce;font-size:15px;line-height:1.55}
.conote b{color:#f2f5f1}

@media (max-width:860px){ .cogrid{grid-template-columns:1fr} .coside{order:-1} }
@media (max-width:560px){
  .cowrap{padding:28px 16px 56px}
  .cobox,.coside{padding:20px}
}