body:is([data-page="cart"],[data-page="checkout"],[data-page="payment"]) #site-header{background:#0450df;min-height:110px;position:relative;color:#fff}
body:is([data-page="checkout"],[data-page="payment"]){background:#f6f8fc;color:#182c48}
.commerce-page{max-width:1240px;margin:auto;padding:38px 48px 100px}.co-steps{display:flex;gap:28px;font-size:12px;color:#8994a8;margin-bottom:42px}.co-steps a{color:inherit;text-decoration:none}.co-steps strong{color:#0051ed}.co-heading{margin-bottom:34px}.co-heading h1{font-size:clamp(28px,3.2vw,44px);line-height:1.13;letter-spacing:-.025em;margin:10px 0 16px}.co-heading>p:last-child{color:#71809a;font-size:14px}.co-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:28px;align-items:start}.co-card{background:white;border:1px solid #e6ebf4;border-radius:18px;padding:30px;min-width:0}.co-card h2{font-size:19px;margin:0 0 22px}.co-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.co-fields label{display:block;font-size:12px;color:#354761}.co-fields label>span{color:#0051ed}.co-fields input,.co-fields textarea{width:100%;box-sizing:border-box;border:1px solid #dce3ef;background:#fff;border-radius:7px;padding:13px;margin-top:8px;min-width:0;font:inherit;font-size:13px;color:#182c48}.co-fields :is(input,textarea):focus{outline:2px solid #0051ed;outline-offset:2px}.co-wide{grid-column:1/-1}.co-fields small,.co-helper{font-size:11px;color:#7e8ba1;line-height:1.7}.co-fields small{display:block;margin-top:7px}.co-section{margin-top:32px;padding-top:28px;border-top:1px solid #edf0f6}.co-section>span{display:block;font-size:10px;letter-spacing:.12em;color:#0051ed;margin-bottom:10px}.co-couriers{border:0;padding:0;margin:22px 0;display:flex;gap:10px;flex-wrap:wrap}.co-couriers legend{font-size:12px;margin-bottom:10px}.co-couriers label{border:1px solid #dce3ef;border-radius:7px;padding:10px;font-size:12px}.co-couriers label:has(:checked){border-color:#0051ed;background:#eff4ff;color:#0051ed}.commerce-page .custom-primary{width:100%;margin-top:24px;min-height:50px;border:0;border-radius:7px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;background:#0051ed;color:white;font:inherit;font-size:13px;cursor:pointer}.commerce-page button:disabled{opacity:.5;cursor:default}.co-summary{position:sticky;top:24px}.co-summary h2{margin:8px 0 25px}.co-line{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f6;font-size:12px}.co-line img{width:58px;height:68px;object-fit:contain;background:#f7f8fa;border-radius:6px}.co-line strong{display:block;margin-bottom:6px}.co-line p{font-size:11px;color:#8995a7;margin:4px 0}.co-line .co-line-price{margin-left:auto;color:#0051ed;white-space:nowrap}.co-total{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:18px 0}.co-total.final{border-top:1px solid #e6ebf4;padding-top:20px;font-size:16px}.co-total.final strong{color:#0051ed}.co-payment-method{display:flex;align-items:center;gap:14px}.co-payment-method h2{margin:0 0 4px}.co-payment-method p{font-size:11px;color:#7e8ba1;margin:0}.co-method-icon{background:#edf3ff;color:#0051ed;padding:12px 17px;border-radius:10px}.co-badge{margin-left:auto;padding:6px 10px;border-radius:20px;background:#e5f6ee;color:#26744d;font-size:10px}.co-future{display:flex;justify-content:space-between;color:#8b96a7;border:1px dashed #dce3ef;padding:16px;border-radius:8px;font-size:12px;margin:20px 0}.co-bank{background:#f5f8ff;border:1px solid #e1e9fa;border-radius:10px;padding:20px;font-size:13px}.co-bank strong{display:block;font-size:24px;letter-spacing:.04em;margin:9px 0}.co-bank p{margin:5px 0}.co-upload{display:grid;text-align:center;gap:12px;padding:26px 12px;border:1px dashed #9db7ef;border-radius:10px;font-size:13px;color:#0051ed;cursor:pointer}.co-upload input{max-width:100%;font-size:11px}.co-upload small{color:#8994a8;font-size:10px}#proof-preview{max-width:100%;max-height:180px;object-fit:contain;margin-top:16px;border-radius:8px}.co-payment-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.co-payment-actions button{border:1px solid #dce3ef;border-radius:7px;background:white;padding:10px 16px;font:inherit;font-size:12px;color:#0051ed;cursor:pointer}#payment-status{border:1px solid #dce7ff;background:#f2f6ff;color:#0051ed;padding:16px;border-radius:9px;margin-bottom:12px;overflow-wrap:anywhere}#payment-status strong{display:block;margin:6px 0;font-size:17px}#payment-customer{font-size:12px;color:#71809a;white-space:pre-line;border-top:1px solid #edf0f6;padding-top:20px;line-height:1.8}#checkout-feedback,#payment-feedback{font-size:12px;line-height:1.6;color:#0051ed;white-space:pre-line}
@media(max-width:760px){.commerce-page{padding:28px 18px 85px}.co-layout{grid-template-columns:1fr}.co-summary{position:static;grid-row:1}.co-card{padding:22px}.co-steps{font-size:10px;gap:16px;margin-bottom:30px}.co-heading h1 br{display:none}.co-fields{gap:16px 12px}.co-heading>p:last-child{font-size:12px}body:is([data-page="cart"],[data-page="checkout"],[data-page="payment"]) #site-header{min-height:94px}.co-line-price{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.co-payment-picker{border-top:1px solid #e6ebf4;margin-top:22px;padding-top:22px}.co-payment-picker h3{font-size:14px;margin:0 0 16px}.co-demo-notice{padding:12px 14px;border:1px solid #f0d8a2;border-radius:7px;background:#fffaef;color:#8e681f;font-size:10px;line-height:1.65;margin:16px 0}.co-payment-group{border:1px solid #e2e8f2;border-radius:9px;margin:12px 0;overflow:hidden}.co-payment-group summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:15px;font-size:12px;background:#f8faff}.co-payment-group summary::-webkit-details-marker{display:none}.co-payment-group summary:after{content:'⌄';margin-left:auto;color:#0051ed}.co-payment-group[open] summary:after{transform:rotate(180deg)}.co-group-hint{color:#8b98ac;font-size:9px}.co-bank-option{position:relative;border-top:1px solid #edf1f7}.co-bank-option label{display:flex;align-items:center;gap:10px;min-height:74px;padding:12px 15px;cursor:pointer}.co-bank-option:has(:checked){background:#f2f6ff}.co-bank-option:has(:checked) label{box-shadow:inset 3px 0 #0051ed}.co-bank-option input,.co-va-option input{accent-color:#0051ed;width:16px;height:16px;margin-left:auto;flex-shrink:0}.co-bank-option-copy{display:grid;gap:5px;padding-right:30px;font-size:11px;min-width:0}.co-bank-option-copy>span{font-size:11px;letter-spacing:.035em;color:#71809a;overflow-wrap:anywhere}.co-bank-monogram{height:32px;width:35px;display:grid;place-items:center;border-radius:6px;background:#e7efff;color:#0051ed;font-size:13px;flex-shrink:0}.co-bank-monogram.seabank{color:#ef7d31;background:#fff1df}.co-bank-monogram.mandiri{color:#114386;background:#edf3fb}.co-bank-monogram.shopeepay{color:#ee5435;background:#fff0e9}.co-copy{border:0;border-radius:5px;background:#edf3ff;color:#0051ed;padding:7px;min-width:30px;font:inherit;font-size:15px;cursor:pointer}.co-bank-option>.co-copy{position:absolute;right:43px;top:27px;transform:translateY(-5px)}.co-bank-option.unavailable{opacity:.5}.co-payment-group>.co-helper{padding:0 15px 14px;font-size:10px}.co-va-option{display:flex;align-items:center;gap:12px;padding:17px 15px;font-size:11px;border-top:1px solid #edf1f7;cursor:pointer}.co-va-option:has(:checked){background:#f2f6ff}.co-change-method{margin-left:auto;color:#0051ed;text-decoration:none;font-size:12px}.co-account-number{display:flex;align-items:center;gap:15px;justify-content:space-between}.co-bank .co-account-number strong{font-size:clamp(18px,2vw,26px);overflow-wrap:anywhere}.co-va-info{padding:20px;background:#f3f7ff;border:1px solid #dfe9ff;border-radius:9px;margin-top:22px}.co-va-info h3{font-size:16px}.co-va-info p,.co-va-info strong{font-size:12px;line-height:1.8}.co-copy-fallback{width:100%;border:1px solid #0051ed;padding:8px;border-radius:5px;color:#0051ed}#checkout-payment-feedback{font-size:10px;line-height:1.7;color:#0051ed}

.co-couriers label>span{display:grid;gap:4px}.co-couriers label small{font-size:11px;color:#627591}.co-line-price small{display:block;font-size:10px;color:#9c620d;margin-top:6px}.co-quote-demo{color:#8f6214}.co-payment-timer{margin:22px 0;padding:18px 20px;border:1px solid #cbdcff;border-radius:12px;background:#f1f6ff;color:#124bbc}.co-payment-timer[hidden]{display:none}.co-payment-timer>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.co-payment-timer strong{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:1px;white-space:nowrap}.co-payment-timer span{font-size:12px;font-weight:600}.co-payment-timer p{font-size:11px;line-height:1.6;margin:10px 0 0;color:#627591}.co-payment-timer.is-expired{background:#fff3f3;border-color:#ffd3d3;color:#ae3434}@media(max-width:500px){.co-payment-timer>div{align-items:flex-start;flex-direction:column;gap:8px}.co-payment-timer strong{font-size:27px}}