/* MOTIV commerce: clear decisions, quiet surfaces, the same showroom language. */
.checkout-page{--co-line:#1b1b201c;--co-muted:#6d6d75;--co-ink:#19191d;--co-surface:#f6f6f7;max-width:1600px;margin:0 auto;padding:30px 5% 96px;color:var(--co-ink);min-height:70vh}
.checkout-page button,.checkout-page input,.checkout-page select{font:inherit}
.checkout-page a:focus-visible,.checkout-page button:focus-visible,.checkout-page input:focus-visible{outline:2px solid #34343a;outline-offset:4px}
.co-topline{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:20px;margin-bottom:38px}
.co-text-link{display:inline-flex;align-items:center;gap:22px;width:fit-content;font-size:11px;line-height:1.6;padding:7px 0;border-bottom:1px solid #19191d40;transition:border-color .25s}
.co-text-link:hover{border-color:#19191d}
.co-mode{font-size:8px;letter-spacing:1.4px;border:1px solid #1b1b2028;border-radius:2px;padding:8px 10px;white-space:nowrap;color:#666670}
.co-page-heading{margin-bottom:46px}
.co-page-heading .kicker{font-size:9px;letter-spacing:1.4px;color:var(--co-muted);margin-bottom:18px}
.co-page-heading h1{font-size:clamp(40px,4.7vw,74px);letter-spacing:-.065em;line-height:1.05;font-weight:500;outline:0}
.co-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:clamp(36px,6vw,100px);align-items:start}
.co-cart-layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}
.co-list-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--co-line);padding:0 0 19px;font-size:9px;letter-spacing:.6px;color:var(--co-muted)}
.co-cart-line{display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--co-line)}
.co-cart-image-link{display:block;background:#e6e6e9;border:1px solid #fff6;border-radius:2px;overflow:hidden}
.co-line-image{display:block;width:100%;height:170px;position:relative}
.co-line-image .garment-preview{width:100%;height:100%;object-fit:contain;transition:opacity .3s,transform .5s}
.co-cart-image-link:hover .garment-preview{transform:scale(1.035)}
.co-line-code{font-size:8px;letter-spacing:.8px;color:#7a7a83;margin-bottom:11px}
.co-cart-detail h2{font-size:18px;letter-spacing:-.5px;line-height:1.3;margin:0 0 10px}
.co-product-link{border-bottom:1px solid transparent;transition:border-color .3s}
.co-product-link:hover{border-bottom-color:currentColor}
.co-line-variant{font-size:11px;color:var(--co-muted);line-height:1.6}
.co-line-variant span{color:#aaaab1;margin:0 6px}
.co-line-actions{display:flex;align-items:center;gap:24px;margin-top:23px}
.co-quantity{display:grid;grid-template-columns:34px 28px 34px;align-items:center;border:1px solid #1b1b2025;border-radius:2px;font-size:12px;text-align:center}
.co-quantity button{height:36px;font-size:16px;transition:background .2s}
.co-quantity button:hover:not(:disabled){background:#fff8}
.co-quantity button:disabled{opacity:.25}
.co-remove,.co-edit,.co-back-button{padding:7px 0;min-height:34px;font-size:10px;color:var(--co-muted);text-decoration:underline;text-decoration-color:#9999a150;text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}
.co-remove:hover,.co-edit:hover,.co-back-button:hover{color:var(--co-ink);text-decoration-color:currentColor}
.co-line-price{align-self:start;padding-top:27px;text-align:right;display:grid;gap:8px}
.co-line-price strong{font-size:13px;font-weight:500;white-space:nowrap}
.co-line-price span{font-size:9px;color:var(--co-muted);white-space:nowrap}
.co-cart-service{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:28px}
.co-service-index{font-size:8px;letter-spacing:.8px;color:#74747d;line-height:1.7}
.co-cart-service p{font-size:11px;line-height:1.8;color:var(--co-muted)}
.co-cart-summary-wrap{position:sticky;top:calc(var(--header,88px) + 24px)}
.co-summary{position:sticky;top:calc(var(--header,88px) + 24px);background:var(--co-surface);padding:28px;border:1px solid #fff9;border-radius:3px}
.co-cart-summary-wrap .co-summary{position:static}
.co-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:21px;border-bottom:1px solid var(--co-line)}
.co-summary-heading h2{font-size:18px;letter-spacing:-.6px;margin:0}
.co-summary-heading>span{font-size:10px;color:var(--co-muted);white-space:nowrap}
.co-summary-items{padding-top:5px}
.co-summary-item{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #1b1b2010}
.co-summary-item .co-line-image{height:70px;background:#e6e6e9;border-radius:2px}
.co-summary-item h3{font-size:11px;line-height:1.5;letter-spacing:-.1px;margin:0 0 6px}
.co-summary-item p{font-size:9px;line-height:1.7;color:var(--co-muted)}
.co-summary-item>strong{font-size:10px;font-weight:500;white-space:nowrap}
.co-totals{display:grid;gap:14px;margin-top:25px}
.co-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:11px;line-height:1.6}
.co-totals>div>span:last-child{color:var(--co-muted);font-size:10px;text-align:right}
.co-totals strong{font-weight:500;white-space:nowrap}
.co-totals .co-total{border-top:1px solid var(--co-line);padding-top:19px;margin-top:4px;font-size:12px}
.co-total strong{font-size:21px;letter-spacing:-.6px}
.co-total-note{font-size:9px;line-height:1.8;color:#777780;margin-top:17px}
.co-summary>.co-text-link{margin-top:17px;font-size:10px}
.co-cart-checkout{margin-top:18px}
.co-cart-checkout>p{font-size:10px;line-height:1.8;color:var(--co-muted);padding:14px 2px 0}
.co-button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;min-height:54px;padding:17px 22px;background:linear-gradient(145deg,#29292e,#17171a);color:#f5f5f7;border:1px solid #ffffff16;border-radius:2px;font-size:11px;line-height:1.5;box-shadow:inset 0 1px 0 #ffffff16,0 3px 8px #1111110a;transition:background .25s,box-shadow .25s,transform .18s;cursor:pointer;text-decoration:none}
.co-button>span{font-size:21px;line-height:1;transition:transform .3s}
.co-button:hover{background:linear-gradient(145deg,#39393e,#232327);box-shadow:inset 0 1px 0 #ffffff20,0 5px 12px #11111114}
.co-button:hover>span{transform:translateX(4px)}
.co-button:active{transform:scale(.988);box-shadow:inset 0 1px 4px #0003}
.co-button:disabled{opacity:.5;cursor:wait}
.co-cart-checkout>.co-button{width:100%}
.co-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:17px 22px;border:1px solid #1b1b2030;border-radius:2px;font-size:11px;transition:background .2s}
.co-secondary-button:hover{background:#fff6}
.co-checkout-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:-19px;margin-bottom:25px}
.co-checkout-intro p{font-size:12px;color:var(--co-muted);line-height:1.6}
.co-demo-button{border:1px solid #1b1b2028;border-radius:2px;padding:10px 13px;min-height:36px;font-size:10px;white-space:nowrap;transition:background .2s}
.co-demo-button:hover{background:#fff8}
.co-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--co-line);border-bottom:1px solid var(--co-line);padding:21px 0;margin-bottom:37px}
.co-progress button{display:flex;align-items:center;gap:12px;font-size:11px;text-align:left;min-height:30px;padding:0;color:var(--co-muted)}
.co-step-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid #1b1b2025;border-radius:50%;font-size:9px;transition:background .2s,color .2s}
.co-progress [aria-current="step"]{color:var(--co-ink)}
.co-progress [aria-current="step"] .co-step-number{background:var(--co-ink);border-color:var(--co-ink);color:#fff}
.co-progress button:disabled{opacity:.35;cursor:default}
.co-form-intro{margin-bottom:30px}
.co-form-intro .kicker,.co-live-handoff>.kicker{font-size:8px;letter-spacing:1px;color:var(--co-muted);margin-bottom:15px}
.co-form-intro h2,.co-live-handoff h2{font-size:30px;letter-spacing:-1.2px;line-height:1.2;margin:0 0 14px;outline:0}
.co-form-intro>p:last-child,.co-live-handoff>p:not(.kicker){font-size:12px;line-height:1.8;color:var(--co-muted);max-width:480px}
.co-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}
.co-field{min-width:0}
.co-field-wide{grid-column:1/-1}
.co-field label{display:block;font-size:11px;margin-bottom:9px;line-height:1.5}
.co-field label span{color:#85858e;font-size:10px}
.co-field input{display:block;width:100%;height:49px;padding:12px 14px;color:var(--co-ink);background:#f8f8fa75;border:1px solid #1b1b2030;border-radius:2px;transition:border-color .2s,box-shadow .2s;font-size:13px;appearance:none}
.co-field input:focus{border-color:#41414a;box-shadow:0 0 0 3px #41414a0b;outline:0}
.co-field input[aria-invalid="true"]{border-color:#8b3c3c;background:#fffafa75}
.co-field-error{color:#8b3c3c;font-size:10px;line-height:1.6;margin-top:7px}
.co-field-note{font-size:10px;line-height:1.8;color:#777780;margin-top:20px}
.co-step-actions{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--co-line);margin-top:33px;padding-top:25px}
.co-step-actions>.co-button{min-width:210px}
.co-checkout-footnote{font-size:8px;line-height:1.8;letter-spacing:.6px;color:#7e7e87;margin-top:47px;border-top:1px solid var(--co-line);padding-top:24px}
.co-delivery-address,.co-review-block{border-bottom:1px solid var(--co-line);padding-bottom:23px;margin-bottom:23px}
.co-delivery-address>div,.co-review-block>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.co-delivery-address h3,.co-review-block h3{font-size:12px;letter-spacing:-.2px;margin:0}
.co-delivery-address p,.co-review-block p{font-size:12px;line-height:1.9;color:var(--co-muted);overflow-wrap:anywhere}
.co-delivery-option{display:flex;gap:17px;border:1px solid #1b1b2023;border-radius:2px;padding:23px;background:#f7f7f980}
.co-status-dot{width:10px;height:10px;border:2px solid #777780;border-radius:50%;flex-shrink:0;margin-top:3px}
.co-delivery-option h3{font-size:13px;margin:0 0 11px}
.co-delivery-option p{font-size:11px;line-height:1.8;color:var(--co-muted)}
.co-delivery-option div>span{display:block;font-size:7px;letter-spacing:.9px;line-height:1.8;color:#777780;margin-top:16px}
.co-payment-note{background:#e1e1e650;border:1px solid #1b1b2015;padding:22px;border-radius:2px}
.co-payment-label{display:block;font-size:8px;letter-spacing:1px;color:var(--co-muted);margin-bottom:13px}
.co-payment-note h3{font-size:14px;letter-spacing:-.3px;margin:0 0 12px}
.co-payment-note p{font-size:11px;line-height:1.8;color:var(--co-muted)}
.co-error-banner{font-size:12px;line-height:1.8;color:#843a3a;background:#f3e9e970;border:1px solid #843a3a30;padding:16px 19px;margin-bottom:24px;border-radius:2px}
.co-live-handoff{padding:13px 0 20px}
.co-live-handoff ol{list-style:none;margin:29px 0 0;padding:0;border-top:1px solid var(--co-line)}
.co-live-handoff li{font-size:12px;display:flex;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--co-line)}
.co-live-handoff li span{font-size:9px;color:#878790}
.co-live-handoff>.co-button{margin-top:26px;width:100%}
.co-empty-page{min-height:80vh}
.co-empty{padding:45px 0 25px;max-width:520px}
.co-empty-mark{font-size:65px;letter-spacing:-5px;color:#b7b7c0;margin-bottom:30px;font-weight:400}
.co-empty h2{font-size:26px;letter-spacing:-1px;margin-bottom:16px}
.co-empty p{font-size:13px;line-height:1.8;color:var(--co-muted);max-width:350px}
.co-empty>.co-button{margin-top:30px;min-width:235px}
.co-confirmation .co-page-heading{margin-bottom:28px}
.co-confirmation-intro{display:flex;gap:18px;align-items:center;margin-bottom:40px}
.co-confirmation-mark{width:43px;height:43px;border:1px solid #1b1b2030;border-radius:50%;display:grid;place-items:center;font-size:18px;background:#f6f6f7}
.co-order-id{font-size:9px;letter-spacing:.8px;margin-bottom:7px;overflow-wrap:anywhere}
.co-confirmation-intro div>p:last-child{font-size:10px;color:var(--co-muted)}
.co-confirmation-note{padding:28px 0;border-top:1px solid var(--co-line);border-bottom:1px solid var(--co-line)}
.co-confirmation-note h2{font-size:24px;letter-spacing:-.8px;margin:0 0 15px}
.co-confirmation-note p{font-size:12px;line-height:1.9;color:var(--co-muted);max-width:520px}
.co-confirmation-details{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px;padding:30px 0}
.co-confirmation-details h3{font-size:11px;margin:0 0 13px}
.co-confirmation-details p{font-size:11px;color:var(--co-muted);line-height:1.9;overflow-wrap:anywhere}
.co-confirmation-actions{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--co-line);padding-top:27px}
@media(min-width:1500px){.co-cart-line{grid-template-columns:170px minmax(0,1fr) auto}.co-line-image{height:190px}}
@media(max-width:1050px){.co-layout,.co-cart-layout{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:35px}.co-cart-line{grid-template-columns:105px minmax(0,1fr);gap:18px}.co-line-price{grid-column:2;grid-row:2;padding-top:0;text-align:left;margin-top:-12px}.co-line-price span{display:none}.co-cart-image-link{grid-row:1/span 2}.co-line-image{height:150px}.co-cart-detail h2{font-size:15px}.co-line-actions{gap:17px;margin-top:16px}.co-summary{padding:22px}.co-cart-service{display:block}.co-cart-service p{margin-top:13px}.co-step-actions{gap:15px}.co-step-actions>.co-button{min-width:0}.co-form-intro h2{font-size:27px}}
@media(max-width:760px){.checkout-page{padding:23px 6% 65px}.co-topline{margin-bottom:29px;gap:12px}.co-mode{font-size:7px;padding:7px 8px;letter-spacing:.7px}.co-text-link{font-size:10px;gap:16px}.co-page-heading{margin-bottom:32px}.co-page-heading .kicker{font-size:8px;margin-bottom:17px}.co-page-heading h1{font-size:42px;letter-spacing:-2.4px;line-height:1.08}.co-layout,.co-cart-layout{display:flex;flex-direction:column;gap:32px}.co-cart-main,.co-checkout-main,.co-confirmation-main,.co-summary,.co-cart-summary-wrap{width:100%;position:static}.co-cart-line{grid-template-columns:100px minmax(0,1fr) auto;gap:15px;padding:22px 0}.co-cart-image-link{grid-row:auto}.co-line-image{height:142px}.co-line-price{grid-column:auto;grid-row:auto;align-self:start;padding-top:19px;margin-top:0;text-align:right}.co-line-price strong{font-size:11px}.co-cart-detail h2{font-size:14px;margin-bottom:8px;letter-spacing:-.4px}.co-line-code{font-size:7px;margin-bottom:8px}.co-line-variant{font-size:9px}.co-line-actions{gap:14px;margin-top:17px}.co-quantity{grid-template-columns:29px 22px 29px;font-size:10px}.co-quantity button{height:33px;font-size:15px}.co-remove{font-size:9px}.co-cart-service{padding-top:23px}.co-cart-service p{font-size:10px}.co-summary{padding:22px}.co-summary-heading h2{font-size:18px}.co-summary-item{grid-template-columns:58px minmax(0,1fr) auto}.co-summary-item h3{font-size:12px}.co-summary-item p{font-size:10px}.co-summary-item>strong{font-size:11px}.co-totals>div{font-size:12px}.co-total-note{font-size:10px}.co-cart-checkout>p{font-size:10px}.co-button{font-size:12px;min-height:54px;padding:16px 20px}.co-checkout-intro{margin-top:-10px;align-items:flex-start;gap:20px}.co-checkout-intro p{font-size:11px;max-width:180px}.co-demo-button{font-size:9px;padding:9px 11px;min-height:39px}.co-progress{gap:9px;padding:17px 0;margin-bottom:30px}.co-progress button{gap:7px;font-size:9px;flex-direction:column;align-items:flex-start}.co-step-number{width:24px;height:24px;font-size:8px}.co-form-intro{margin-bottom:25px}.co-form-intro h2,.co-live-handoff h2{font-size:28px;letter-spacing:-1.2px}.co-form-intro>p:last-child,.co-live-handoff>p:not(.kicker){font-size:12px}.co-fields{gap:20px 14px}.co-field label{font-size:11px}.co-field label span{font-size:9px}.co-field input{font-size:16px;height:50px;padding:12px}.co-step-actions{margin-top:28px;padding-top:23px;gap:15px}.co-step-actions>.co-button{min-width:0;padding:15px 17px;font-size:11px;gap:17px}.co-step-actions>.co-back-button{font-size:10px;white-space:nowrap}.co-checkout-footnote{margin-top:30px;font-size:7px;line-height:1.9}.co-delivery-option{padding:20px;gap:13px}.co-delivery-option p{font-size:11px}.co-review-block p{font-size:12px}.co-payment-note{padding:20px}.co-confirmation-details{gap:25px 18px}.co-confirmation-actions{display:grid;grid-template-columns:1fr;gap:12px}.co-confirmation-actions>.co-button{width:100%}.co-confirmation-intro{margin-bottom:30px}.co-confirmation-note h2{font-size:23px}.co-empty{padding-top:25px}.co-empty-mark{font-size:54px;margin-bottom:24px}}
@media(max-width:380px){.checkout-page{padding-left:5%;padding-right:5%}.co-page-heading h1{font-size:38px}.co-cart-line{grid-template-columns:85px minmax(0,1fr);gap:14px}.co-cart-image-link{grid-row:1/span 2}.co-line-image{height:140px}.co-line-price{grid-row:2;grid-column:2;padding:0;margin-top:-9px;text-align:left}.co-line-actions{margin-top:14px}.co-summary{padding:20px}.co-fields{grid-template-columns:1fr}.co-progress{gap:7px}.co-step-actions>.co-button{font-size:10px;padding:14px;gap:10px}.co-step-actions>.co-text-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.checkout-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.co-button:active,.co-button:hover>span,.co-cart-image-link:hover .garment-preview{transform:none}}
.co-shipment-note{font-size:10px;line-height:1.8;color:#6d6d75;padding-top:15px;margin-top:15px;border-top:1px solid #1b1b2012}
.co-payment-mount{margin-top:15px;min-height:68px;border:1px solid #1b1b201d;background:#f7f7f8;padding:18px;border-radius:2px}
.co-payment-mount>p{font-size:11px;line-height:1.8;color:#72727b}
.co-form-intro{scroll-margin-top:calc(var(--header,88px) + 25px)}