/* Checkout v2: numbered section cards, itemised summary with the code, real payment marks, trust row. */
.checkout-page{background:linear-gradient(180deg,#f3f1e9 0,#f6f4ed 320px)}
.checkout-wrap{margin-top:44px}
.checkout-title{font-size:34px;letter-spacing:-.5px;margin-bottom:6px}
.checkout-steps{margin:18px 0 30px}
.checkout-grid{grid-template-columns:1fr 360px;gap:26px}
.checkout-main{padding:0;background:none;border:0;border-radius:0}
#school-form{display:grid;gap:16px}
.co-card{background:#fff;border:1px solid #e1e6dd;border-radius:18px;padding:26px 28px 28px;box-shadow:0 14px 34px -28px #143f4338}
.co-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
.co-num{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700;font-size:15px}
.co-head h2{font-size:19px;letter-spacing:0;margin:2px 0 2px}
.co-head p{margin:0;font-size:13px;color:var(--muted)}
.co-card .option-label{margin-top:4px}
.co-card .checkbox-options{gap:12px}
.co-card .plan-option{padding:18px 18px 16px;border-radius:14px;transition:border-color .2s,background .2s,box-shadow .2s}
.co-card .plan-option strong{font-size:17px}
.co-card .plan-option:hover{border-color:#b9c5b2}
.co-card .plan-option[aria-pressed=true]{box-shadow:0 10px 24px -16px #c9733f80}
.co-card .form-grid{gap:16px 18px}
.co-card .field label{font-size:12.5px;color:#3d5450}
.co-card .field input,.co-card .field select,.co-card .field textarea{border-radius:10px;background:#fbfbf8;border-color:#dce3d9;transition:border-color .15s,box-shadow .15s,background .15s}
.co-card .field input:focus,.co-card .field select:focus,.co-card .field textarea:focus{outline:0;background:#fff;border-color:var(--ink);box-shadow:0 0 0 3px #143f4314}
.co-final .form-check{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#f7f8f4;border:1px solid #e4e9e0;font-size:13px}
.co-final .full-btn{margin-top:6px;min-height:54px;font-size:16px}
.co-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;font-size:12px;color:var(--muted)}
.co-secure svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
/* summary */
.checkout-summary{background:#fff;border:1px solid #e1e6dd;border-radius:18px;padding:24px;box-shadow:0 18px 40px -30px #143f4350;top:24px}
.checkout-summary h3{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:12px}
.co-plan{padding:14px 16px;border-radius:12px;background:var(--sage);margin-bottom:14px}
.co-plan .plan-name{font-size:19px;margin:0}
.co-plan .small{margin:2px 0 0;color:#4d625e}
.checkout-summary .checks{margin:0 0 16px;padding:0}
.checkout-summary .checks li{font-size:13px;margin-bottom:8px}
.co-promo{padding:14px 0;border-top:1px dashed #d9e0d5;border-bottom:1px dashed #d9e0d5;margin-bottom:14px}
.co-promo label{font-size:12.5px;font-weight:600;display:block;margin-bottom:8px}
.co-promo input{width:100%;min-height:42px;border:1px solid #dce3d9;border-radius:10px;padding:8px 12px;background:#fbfbf8;font:600 14px var(--font);letter-spacing:1px;text-transform:uppercase}
.co-promo input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px #143f4314;background:#fff}
.co-lines .summary-row{margin:8px 0;font-size:13.5px}
.co-lines .summary-row b{font-weight:600;font-variant-numeric:tabular-nums}
.co-discount b{color:#1f7a4f}
.co-lines .summary-total{margin-top:12px;padding-top:14px;border-top:1px solid #e1e6dd;font-size:15px}
.co-lines .summary-total b{font-size:26px;font-weight:700;letter-spacing:-.5px}
.checkout-summary>.small{margin:4px 0 16px}
/* payment marks */
.pay-logos{display:flex;flex-wrap:wrap;gap:6px;direction:ltr;justify-content:flex-start}
.pl{height:28px;min-width:46px;padding:0 9px;border-radius:7px;border:1px solid #e1e6dd;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:3px;font:800 11px/1 Arial,sans-serif;letter-spacing:.2px}
.pl.mada{color:#0b7a3e}
.pl.visa{color:#1a1f71;font-style:italic;font-size:12px}
.pl.mc i{width:14px;height:14px;border-radius:50%;display:block;background:#eb001b}
.pl.mc i+i{background:#f79e1b;margin-inline-start:-6px;mix-blend-mode:multiply}
.pl.apple{background:#000;color:#fff;border-color:#000;font-size:12px}
.pl.apple svg{width:12px;height:12px;fill:#fff}
.pl.samsung{background:#1428a0;color:#fff;border-color:#1428a0;font-size:9.5px;letter-spacing:.6px}
.co-trust{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #eef1ea;display:grid;gap:8px}
.co-trust li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#4d625e}
.co-trust svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--copper);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* review step */
#payment-step{background:#fff;border:1px solid #e1e6dd;border-radius:18px;padding:30px 28px}
#payment-step .payment-icons{display:block;margin:18px 0 8px}
#payment-step .payment-icons span{border:0;padding:0;font:inherit;background:none}
#payment-step .payment-icons .pl{border:1px solid #e1e6dd;padding:0 9px;font:800 11px/1 Arial,sans-serif}
#payment-step .payment-icons .pl.apple,#payment-step .payment-icons .pl.samsung{border-color:transparent}
@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{order:-1;position:static}}
@media(max-width:580px){.checkout-title{font-size:27px}.co-card{padding:20px 18px 22px;border-radius:16px}.co-head{gap:11px;margin-bottom:16px}.co-head h2{font-size:17px}.checkout-summary{padding:18px}.checkout-summary .checks,.checkout-summary>.small,.checkout-summary .co-trust{display:none}.co-lines .summary-total b{font-size:22px}}