.checkout-page[hidden]{display:none}.checkout-mode>.top,.checkout-mode>main,.checkout-mode>.bottom{display:none}.checkout-page{position:fixed;inset:0;z-index:28;max-width:480px;margin:auto;display:flex;flex-direction:column;background:#fff;color:#17212a;color-scheme:only light}.co-header{height:56px;flex:none;display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #e4eef6;gap:10px}.co-header h1{font-size:20px;text-align:center;flex:1;margin:0}.co-header button{width:30px;height:32px;font-size:25px;padding:0}.co-header:after{content:'';width:30px}.co-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#edf5fc}.co-section{padding:20px 16px;background:#fff;margin-bottom:8px}.co-section h2{font-size:16px;margin:0 0 14px}.co-choice{display:flex;align-items:center;gap:10px;width:100%;padding:16px 13px;border:1px solid #d4e6f7;border-radius:11px;text-align:left;background:white;color:#206ba7;font-size:14px;line-height:1.6}.co-choice .co-chevron{margin-left:auto;font-size:24px;color:#738391}.co-choice p{margin:4px 0;color:#617481;font-size:12px}.co-lock{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#fff0eb;color:#ad3c2a;font-size:12px;line-height:1.6}.co-lock strong{font-size:16px;white-space:nowrap}.co-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;margin-top:14px}.co-item img{height:74px;width:74px;object-fit:contain;border:1px solid #d4e6f7;border-radius:9px;background:white}.co-item h3{font-size:14px;line-height:1.5;margin:0 0 4px}.co-item p{color:#617481;font-size:12px;line-height:1.6;margin:0 0 6px}.co-item-price{display:flex;justify-content:space-between;gap:8px;font-size:13px}.co-item-price strong{color:#e42229;font-size:17px}.co-delivery{color:#3686a7;font-size:12px;margin-top:8px}.co-app-only{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;color:#17212a;font-size:14px}.co-app-only a{color:#206ba7;font-size:12px;text-decoration:none;border:1px solid #d4e6f7;border-radius:8px;padding:9px 10px;text-align:center;line-height:1.6}.co-totals{margin:0}.co-totals div{display:flex;justify-content:space-between;gap:12px;margin:13px 0;font-size:14px}.co-totals dt,.co-totals dd{margin:0}.co-totals .co-grand{font-size:18px;font-weight:bold;color:#206ba7;border-top:1px solid #e4eef6;padding-top:14px}.co-footer{flex:none;display:flex;align-items:center;gap:15px;background:#fff;border-top:1px solid #d4e6f7;padding:12px 16px max(15px,env(safe-area-inset-bottom))}.co-footer>div{flex:1;min-width:0}.co-footer small{display:block;color:#617481;font-size:11px;margin-bottom:5px}.co-footer strong{font-size:20px;color:#206ba7}.co-primary{border:0;border-radius:11px;padding:14px 16px;background:#1c69b1;color:#fff;font-weight:bold;font-size:16px;min-height:46px}.co-primary:disabled{background:#d9dfe5;color:#6d7c88;cursor:default}.co-footer>.co-primary{min-width:46%}.co-error{font-size:13px;color:#b52c28;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}.co-note{font-size:11px;line-height:1.7;color:#617481;margin:10px 0 0}.co-error:empty{display:none}.co-tabs,.co-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.co-tabs button{padding:12px 6px;border-bottom:2px solid #e4eef6;font-size:14px;color:#617481}.co-tabs button[aria-selected=true]{color:#206ba7;border-color:#206ba7;font-weight:bold}.co-types label{border:1px solid #d4e6f7;border-radius:11px;padding:17px 10px;text-align:center;color:#617481;font-size:14px}.co-types label:has(:checked){background:#e9f4ff;border-color:#206ba7;color:#206ba7}.co-types input{accent-color:#206ba7}.co-address{border:1px solid #d4e6f7;border-radius:12px;padding:14px;margin:12px 0;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:start}.co-address input{accent-color:#e5ad00;width:19px;height:19px;margin:3px 0}.co-address strong{font-size:14px}.co-address p{font-size:12px;line-height:1.7;color:#617481;margin:7px 0}.co-edit{font-size:12px;color:#a97800;padding:3px}.co-tag{font-size:11px;background:#fff0eb;color:#ad3c2a;border-radius:5px;padding:5px 8px;display:inline-block}.co-empty{text-align:center;padding:35px 0;color:#617481;font-size:14px}.co-empty img{display:block;width:95px;height:95px;object-fit:contain;margin:0 auto 15px;opacity:.55}.co-form label{display:block;margin:16px 0 0;font-size:13px;color:#17212a;line-height:1.6}.co-form label>span{display:block;margin-bottom:7px}.co-form input:not([type=checkbox]):not([type=radio]),.co-form textarea,.co-form select{display:block;width:100%;padding:13px 12px;border:1px solid #d4e6f7;border-radius:9px;background:#fff;color:#17212a;font-size:16px;min-height:46px}.co-form textarea{min-height:75px;resize:vertical}.co-form input::placeholder,.co-form textarea::placeholder{color:#7b8893}.co-form .co-inline{display:flex;align-items:center;gap:10px}.co-inline input{accent-color:#206ba7;width:19px;height:19px}.co-form h2{margin:24px 0 5px}.co-form .co-primary{width:100%;margin-top:24px}.co-link-button{font-size:13px;color:#206ba7;text-decoration:underline;padding:9px 0}.co-postal-row{display:flex;gap:8px;align-items:center}.co-postal-row input{min-width:0;flex:1}.co-postal-row button{white-space:nowrap;border:1px solid #d4e6f7;border-radius:9px;padding:12px;color:#206ba7;font-size:13px}.co-check{display:flex;gap:9px;align-items:start;font-size:12px;line-height:1.7;margin-top:16px}.co-check input{margin-top:3px;accent-color:#206ba7}.co-check a{color:#206ba7}.co-live-status{font-size:11px;color:#617481;padding:9px 16px;background:#f5f9fc;line-height:1.7}.co-payment{display:block;border:1px solid #d4e6f7;border-radius:10px;padding:14px;margin:10px 0;font-size:14px}.co-payment input{margin-right:10px;accent-color:#e5ad00}.co-payment p{font-size:12px;color:#617481;line-height:1.6;margin:7px 0 0}.co-login .co-primary{margin-top:20px;width:100%}@media(max-width:350px){.co-footer{gap:9px;padding-left:12px;padding-right:12px}.co-footer strong{font-size:18px}.co-footer>.co-primary{font-size:15px;min-width:42%}.co-item{grid-template-columns:65px minmax(0,1fr)}.co-item img{width:65px;height:65px}.co-header h1{font-size:18px}}

.co-app-only strong{font-size:13px;line-height:1.6;flex:1}.co-app-only a{background:#1c69b1;color:white;white-space:nowrap;border:0;font-weight:bold;padding:11px}

.co-postal-screen{min-height:100%;margin:0;padding:20px 16px}.co-postal-search{display:flex;align-items:center;gap:12px;border:1px solid #d4e6f7;border-radius:11px;padding:12px 14px;margin-bottom:24px}.co-postal-search svg{width:24px;height:24px;color:#536573;flex:none}.co-postal-search input{border:0;background:white;color:#17212a;width:100%;min-width:0;outline:none;font-size:16px;padding:4px}.co-postal-result{display:block;width:100%;text-align:left;padding:17px 2px;border-bottom:1px solid #e4eef6;font-size:14px;line-height:1.6;background:white;color:#17212a}.co-postal-result:hover{background:#f2f8fc}

.co-receipt{text-align:center;padding:32px 20px;min-height:100%}.co-receipt h2{font-size:20px}.co-receipt p{font-size:14px;line-height:1.8;color:#617481;overflow-wrap:anywhere}.co-receipt-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#e8f5ee;color:#228452;font-size:34px;margin:0 auto 22px}.co-receipt-detail{background:#f1f7fc;text-align:left;padding:16px;border-radius:12px;margin:24px 0}.co-receipt-detail strong{font-size:14px}.co-receipt>.co-primary{width:100%}
