.reference-checkout{--co-navy:#160d69;--co-border:#d9def0;width:1180px;max-width:calc(100% - 36px);padding:26px 30px;color:#081d3b;border-radius:16px;background:#fff;max-height:94vh}.reference-checkout .dialog-head{margin-bottom:5px}.reference-checkout .dialog-head h2{font-size:27px;color:var(--co-navy);letter-spacing:-.8px}.reference-checkout .icon-button{background:#f4f5fa;color:var(--co-navy)}.co-intro{font-size:11px;color:#71829c;line-height:1.7}.co-intro>span{float:right;color:#8691a5}.co-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;padding:0;list-style:none}.co-steps li{display:flex;gap:12px;align-items:center;border:1px solid var(--co-border);border-radius:15px;padding:17px;box-shadow:0 2px 0 #edf0f7;min-height:76px}.co-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1f3f8;color:#637792;flex-shrink:0}.co-steps .current{border-color:var(--co-navy);box-shadow:0 0 0 1px #160d6910}.co-steps .current b,.co-steps .done b{background:var(--co-navy);color:white}.co-steps strong{font-size:13px}.co-steps small{display:block;font-size:10px;color:#73839e;line-height:1.6;margin-top:3px}.co-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.co-main,.co-side{display:flex;flex-direction:column;gap:15px;min-width:0}.co-card{border:1px solid var(--co-border);border-radius:18px;padding:17px;box-shadow:0 2px 0 #eff1f8;min-width:0}.co-card h3{font-size:14px;letter-spacing:-.25px;margin:0 0 16px;color:#0d2140}.co-card h4{font-size:11px;margin:16px 0 9px}.co-card p{font-size:10px;color:#6c7c96;line-height:1.8;margin:7px 0}.co-card-title{display:flex;justify-content:space-between;gap:5px;align-items:center}.co-card-title h3{font-size:11px;margin:0}.co-tag{font-size:9px;color:var(--co-navy);white-space:nowrap}.co-card dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;margin:16px 0;font-size:11px}.co-card dt{color:#71809a}.co-card dd{margin:0;font-weight:800;text-align:right;overflow-wrap:anywhere}.account-card dl{font-size:10px;grid-template-columns:55px minmax(0,1fr);gap:9px}.account-card dd{text-align:left;font-weight:600}.co-inset{border:1px solid var(--co-border);border-radius:12px;background:#f5f6fb;padding:12px}.co-inset small{display:block;font-size:9px;font-weight:700;color:#65759a;margin-bottom:6px}.co-inset strong{display:block;font-size:11px}.co-inset p{font-size:9px;margin:5px 0 0}.co-grand{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--co-border);padding-top:16px;gap:10px}.co-grand span{font-size:12px;font-weight:800}.co-grand small{display:block;font-size:9px;color:#71809a;font-weight:400;margin-top:5px}.co-grand b{font-size:23px;letter-spacing:-1px;color:var(--co-navy)}.co-primary{width:100%;background:var(--co-navy);color:#fff;padding:14px 18px;border-radius:12px;font-size:12px;font-weight:800;box-shadow:0 3px 8px #160d690a}.co-primary:disabled{opacity:.45;cursor:not-allowed}.co-security{border:1px solid #d9e8ff;border-radius:18px;background:#f1f6ff;display:flex;gap:12px;padding:16px;color:var(--co-navy)}.co-security strong{display:block;font-size:11px}.co-security small{display:block;font-size:9px;line-height:1.8;color:#76849b;margin-top:5px}.co-text-button{color:var(--co-navy);background:none;font-size:11px;text-align:left;padding:6px 0;font-weight:700}.co-product-search{border:1px solid var(--co-border);border-radius:10px;padding:11px 13px;width:min(330px,100%);font-size:11px;margin-bottom:12px}.co-item-list{border:1px solid var(--co-border);border-radius:13px;overflow:hidden}.co-select-all{display:flex;gap:7px;align-items:center;background:#f5f6fa;padding:13px;font-size:9px;font-weight:800;color:#61708e}.reference-checkout input[type=checkbox],.reference-checkout input[type=radio]{accent-color:var(--co-navy);width:14px;height:14px;flex-shrink:0}.co-item{display:flex;align-items:center;gap:10px;padding:16px 12px;border-top:1px solid #eef0f6;font-size:11px}.co-item img{width:40px;height:40px;object-fit:contain}.co-item-name{flex:1;min-width:0}.co-item-name strong{display:block;font-size:11px;line-height:1.5}.co-item small{display:block;font-size:9px;color:#75839c;margin-top:4px}.co-item>b{white-space:nowrap;font-size:11px}.co-item .cart-controls{flex:none}.co-item .cart-controls span{font-size:11px}.co-item .cart-controls button{background:#f3f4f9;color:var(--co-navy)}.co-selection-total{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:10px}.co-selection-total span{color:#73819b}.co-selection-total b{color:#0d2140}.co-channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.co-carrier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.co-option{position:relative;display:flex;align-items:center;justify-content:center;min-height:49px;border:1px solid var(--co-border);border-radius:15px;font-size:10px;font-weight:800;padding:10px 16px;text-align:center;cursor:pointer;background:#fff;line-height:1.5}.co-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;inset:0;cursor:pointer}.co-option:focus-within{outline:2px solid #396ee2;outline-offset:2px}.co-option i{display:none}.co-option.chosen{border-color:var(--co-navy);background:#fbfbff;box-shadow:0 0 0 1px #160d6914}.co-option.chosen i{display:grid;place-items:center;position:absolute;right:5px;top:5px;font-size:8px;font-style:normal;background:var(--co-navy);color:#fff;width:14px;height:14px;border-radius:50%}.brand-orange{color:#e97300}.brand-green{color:#32902d}.brand-purple{color:#7131d6}.brand-pink{color:#d50064}.brand-blue{color:#0080cf}.brand-navy{color:#0e2242}.co-carrier-grid .co-option{font-size:11px}.co-carrier-notice{border:1px solid #ffcad4;background:#fff4f6;color:#c43759;border-radius:13px;margin-top:12px;padding:11px;font-size:10px;line-height:1.6}.co-required{color:#df3c68;background:#fff2f5;border:1px solid #ffcfdb;border-radius:10px;padding:3px 6px;font-size:8px;margin-left:5px}.co-form-grid,.co-shipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.co-span{grid-column:1/-1}.co-form-grid label{display:block;font-size:11px;font-weight:700;margin-bottom:7px;color:#0d2140}.co-form-grid label span{font-weight:400;color:#8a95aa;font-size:10px}.co-form-grid input:not([type=file]),.co-form-grid textarea{width:100%;padding:11px;border:1px solid var(--co-border);border-radius:10px;font-size:12px;background:#fff;color:#102747}.co-form-grid textarea{resize:vertical;min-height:77px}.co-form-grid small{display:block;color:#8190a8;font-size:9px;margin-top:6px;line-height:1.6}.co-upload{grid-column:1/-1;padding-top:12px;border-top:1px solid #eef0f6}.co-upload input{font-size:11px;width:100%}.co-benefits{display:flex;gap:9px;margin-top:16px}.co-benefits span{font-size:9px;flex:1;background:#f4f5fa;color:#65718a;border-radius:20px;padding:8px 9px;text-align:center}.co-delivery summary{font-size:13px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none}.co-delivery summary span{color:var(--co-navy);font-size:10px}.co-delivery[open] summary{margin-bottom:15px}.co-shipment-grid small{display:block;font-size:10px;color:#70819c;margin-bottom:6px}.co-shipment-grid strong{display:block;font-size:12px;overflow-wrap:anywhere}.co-payment-option{display:flex;align-items:center;gap:10px;border:1px solid var(--co-navy);border-radius:14px;padding:16px;margin-top:12px;background:#fcfcff}.co-payment-option strong{display:block;font-size:12px}.co-payment-option small{display:block;font-size:10px;color:#8290a6;margin-top:5px}.co-payment-note{background:#f6f9fb;color:#60798a;border-radius:12px;font-size:10px;line-height:1.7;padding:12px;margin-top:12px}.co-mini-item{display:flex;justify-content:space-between;gap:14px;font-size:10px;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--co-border)}.co-mini-item b{white-space:nowrap}.co-mini-item small{display:block;color:#73839e;margin-top:4px}.co-demo-check{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#6e7d97;padding:0 6px}.co-demo-check input{margin-top:4px}.reference-checkout .complete p{font-size:14px}.reference-checkout .complete .co-primary{width:auto}
@media(max-width:850px){.reference-checkout{padding:20px;max-width:calc(100% - 20px)}.co-layout{grid-template-columns:minmax(0,1fr) 235px}.co-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.co-carrier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.co-item{flex-wrap:wrap}.co-item>b{margin-left:auto}.co-intro>span{float:none;display:block}.co-steps li{padding:12px;gap:8px}.co-steps small{font-size:9px}.co-grand b{font-size:20px}}
@media(max-width:640px){.reference-checkout{padding:16px;max-height:96vh}.co-layout{grid-template-columns:1fr}.co-steps{gap:7px}.co-steps li{padding:11px 8px;flex-direction:column;align-items:flex-start;border-radius:12px;gap:7px}.co-steps strong{font-size:11px}.co-steps small{display:none}.co-steps b{width:26px;height:26px;font-size:12px}.co-card{padding:14px;border-radius:14px}.co-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.co-form-grid,.co-shipment-grid{grid-template-columns:1fr}.co-span{grid-column:auto}.co-benefits{flex-wrap:wrap}.co-benefits span{flex-basis:40%}.co-selection-total{flex-direction:column;gap:6px}.co-side{padding-top:3px}.co-option{min-height:48px;font-size:11px}.co-item-name{min-width:130px}.co-demo-check{font-size:11px}}
.product-shipping{border:1px solid #d9def0;border-radius:12px;padding:16px;margin:20px 0;background:#f7f9fc}.product-shipping h3{font-size:13px;margin:0 0 12px}.shipping-tags{display:flex;gap:8px;flex-wrap:wrap}.shipping-tags span{padding:7px 10px;background:#fff;border:1px solid #d9def0;border-radius:7px;font-size:12px;font-weight:700;color:#160d69}
.co-dealer-billing dl{grid-template-columns:95px minmax(0,1fr);font-size:10px;gap:10px}.co-billing-editor summary{font-size:11px;color:#160d69;font-weight:700;cursor:pointer}.co-billing-editor .co-form-grid{grid-template-columns:1fr;margin-top:15px;gap:12px}.co-billing-editor select{width:100%;padding:10px;border:1px solid #d9def0;border-radius:10px;font-size:12px;background:#fff;color:#102747}.co-main .co-dealer-billing .co-billing-editor .co-form-grid{grid-template-columns:1fr 1fr}@media(max-width:640px){.co-main .co-dealer-billing .co-billing-editor .co-form-grid{grid-template-columns:1fr}}

.co-summary dl .co-discount{color:#08734c;font-weight:700}.co-grand small{line-height:1.5}
