.cmr2{font-family:Arial,sans-serif;max-width:1050px;margin:18px auto;padding:0 14px;color:#263142}.cmr2-head{text-align:center;margin:0 0 18px}.cmr2-head p{color:#718096;margin:0;font-size:14px}.cmr2-card{background:#fff;border:1px solid #e8ebef;border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(20,30,50,.06)}.cmr2-routebar{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;gap:12px;margin-bottom:20px}.cmr2-routebox{padding:14px 16px;border:1px solid #edf0f3;border-radius:14px;background:#fafcff}.cmr2-routebox small{display:block;color:#84909e;font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.cmr2-routebox strong{display:block;color:#0d3f78;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmr2-arrow{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3e8;color:#ff6500;font-size:21px;font-weight:700;margin:auto}.cmr2-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cmr2-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:#172033}.cmr2-field input{width:100%;height:50px;border:1px solid #dce3ea;border-radius:11px;padding:0 14px;font-size:14px;box-sizing:border-box;background:#fff;outline:none;transition:.18s}.cmr2-field input:focus{border-color:#1684d8;box-shadow:0 0 0 3px rgba(22,132,216,.10)}.cmr2-weight{position:relative}.cmr2-weight input{padding-right:48px}.cmr2-weight span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700;color:#7a8490;font-size:13px}.cmr2-auto{position:relative}.cmr2-list{position:absolute;z-index:9999;left:0;right:0;top:53px;background:#fff;border:1px solid #e6ebf0;border-radius:11px;box-shadow:0 12px 32px rgba(0,0,0,.14);max-height:250px;overflow:auto}.cmr2-list:empty{display:none}.cmr2-opt{padding:11px 13px;border-bottom:1px solid #f0f1f3;cursor:pointer;font-size:14px}.cmr2-opt:last-child{border-bottom:0}.cmr2-opt:hover{background:#fff5ed;color:#d95400}.cmr2-opt.muted{color:#8b93a0;cursor:default}.cmr2-actions{display:flex;gap:10px;align-items:center;margin-top:20px}.cmr2 button{border:0;border-radius:11px;padding:14px 23px;min-height:48px;background:linear-gradient(135deg,#ff8a00,#ff5a00);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 7px 18px rgba(255,101,0,.18);transition:.18s}.cmr2 button:hover{transform:translateY(-1px)}.cmr2 button:disabled{opacity:.65;cursor:not-allowed;transform:none}.cmr2 #cmr2-msg{margin-top:14px;color:#9a3b00;font-size:13px}.cmr2-result{margin-top:20px;border:1px solid #ffe0c7;background:#fffaf6;padding:17px;border-radius:15px}.cmr2-result-route{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:14px;margin-bottom:13px;border-bottom:1px solid #ffe7d5}.cmr2-result-route small,.cmr2-result-grid small{display:block;color:#7a8490;margin-bottom:5px;font-size:11px}.cmr2-result-route strong{color:#173d68;font-size:16px}.cmr2-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cmr2-result-grid>div{background:#fff;padding:12px;border:1px solid #f0f1f3;border-radius:10px}.cmr2-result-grid strong{display:block;font-size:14px}.cmr2-total{margin-top:12px;background:#fff;padding:15px;border:1px solid #ffd7b9;border-radius:11px;display:flex;justify-content:space-between;align-items:center;gap:15px}.cmr2-total small{color:#7a8490}.cmr2-total strong{font-size:24px;color:#e85d00}.cmr2-order-btn{margin-top:13px!important;width:100%;background:linear-gradient(135deg,#0b78c9,#075ca2)!important;box-shadow:0 7px 18px rgba(11,120,201,.18)!important}.cmr2-note{font-size:11px;color:#8a929d;margin-top:10px;line-height:1.5}@media(max-width:700px){.cmr2{padding:0 10px}.cmr2-card{padding:17px 14px;border-radius:15px}.cmr2-routebar{grid-template-columns:1fr 38px 1fr;gap:7px}.cmr2-routebox{padding:11px 10px}.cmr2-routebox strong{font-size:13px}.cmr2-arrow{width:34px;height:34px;font-size:18px}.cmr2-grid,.cmr2-result-grid{grid-template-columns:1fr}.cmr2-actions button{width:100%}.cmr2-total{align-items:flex-start;flex-direction:column}.cmr2-total strong{font-size:22px}}
.cmr2-order{margin-top:24px;padding-top:22px;border-top:1px solid #edf0f3}.cmr2-order[hidden],.cmr2-order-success[hidden]{display:none!important}.cmr2-order-head h3{margin:0 0 6px;color:#173d68;font-size:21px}.cmr2-order-head p{margin:0 0 16px;color:#718096;font-size:13px}.cmr2-order-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f3f8fd;border:1px solid #dbeaf7;border-radius:12px;padding:13px 15px;margin-bottom:18px}.cmr2-order-summary strong{color:#0d3f78}.cmr2-order-summary span{color:#526579;font-size:13px}.cmr2-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cmr2-section{border:1px solid #edf0f3;border-radius:13px;padding:16px;background:#fcfdff}.cmr2-section-full{grid-column:1/-1}.cmr2-section h4{margin:0 0 13px;color:#172033;font-size:15px}.cmr2-section label{display:block;font-size:12px;font-weight:700;margin:10px 0 6px;color:#344253}.cmr2-section input,.cmr2-section textarea{width:100%;box-sizing:border-box;border:1px solid #dce3ea;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;background:#fff;outline:none}.cmr2-section input:focus,.cmr2-section textarea:focus{border-color:#1684d8;box-shadow:0 0 0 3px rgba(22,132,216,.1)}.cmr2-order-grid-inner{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cmr2-submit-order{width:100%;margin-top:16px;background:linear-gradient(135deg,#0b78c9,#075ca2)!important}.cmr2 #cmr2-order-msg{margin-top:12px;color:#a33b00;font-size:13px}.cmr2-order-success{margin-top:24px;text-align:center;border:1px solid #cfe9d6;background:#f5fcf7;border-radius:16px;padding:25px 18px}.cmr2-success-icon{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e0f5e6;color:#23823c;font-size:28px;font-weight:700}.cmr2-order-success h3{margin:0 0 8px;color:#1d5c2e}.cmr2-order-success p{margin:6px 0;color:#65746a}.cmr2-resi{display:block;font-size:25px;letter-spacing:1px;color:#0d3f78;margin:8px 0 14px}.cmr2-success-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.cmr2-success-meta span{background:#fff;border:1px solid #dfeae2;border-radius:999px;padding:7px 10px;font-size:12px}.cmr2-save-note{font-size:12px!important;margin-top:13px!important}@media(max-width:700px){.cmr2-order-grid,.cmr2-order-grid-inner{grid-template-columns:1fr}.cmr2-section-full{grid-column:auto}.cmr2-order-summary{align-items:flex-start;flex-direction:column}.cmr2-resi{font-size:21px}}

.cmr2-help{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#6b7280;}

/* v2.9.2 title */
.cmr2-head h2{margin:0 0 8px;color:#07346f;font-size:clamp(24px,3vw,34px);line-height:1.15;font-weight:800;letter-spacing:-.5px}.cmr2-head p{margin-top:0}


/* v2.9.4 — customer tariff instruction */
.cmr2 .cmr2-head.cmr2-head-instruction{
    text-align:left !important;
    margin:0 0 22px !important;
    padding:0 !important;
}
.cmr2 .cmr2-head.cmr2-head-instruction h3{
    margin:0 0 7px !important;
    padding:0 !important;
    color:#07346f !important;
    font-size:17px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    text-align:left !important;
}
.cmr2 .cmr2-head.cmr2-head-instruction p{
    margin:0 !important;
    padding:0 !important;
    max-width:820px !important;
    color:#60758d !important;
    font-size:12px !important;
    line-height:1.7 !important;
    text-align:left !important;
}
@media(max-width:620px){
    .cmr2 .cmr2-head.cmr2-head-instruction{
        margin-bottom:16px !important;
    }
    .cmr2 .cmr2-head.cmr2-head-instruction h3{
        font-size:16px !important;
    }
    .cmr2 .cmr2-head.cmr2-head-instruction p{
        font-size:11px !important;
        line-height:1.65 !important;
    }
}


/* v2.9.5 — layout judul + petunjuk lebih rapi desktop/mobile */
body.cmr-tarif-order-page .entry-title,
body.cmr-tarif-order-page .page-title,
body.cmr-tarif-order-page main h1:first-of-type{
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    line-height: 1.15 !important;
}

body.cmr-tarif-order-page .cmr2{
    box-sizing:border-box !important;
}

body.cmr-tarif-order-page .cmr2 .cmr2-head.cmr2-head-instruction{
    max-width: 900px !important;
    margin: 0 auto 22px !important;
    padding: 0 26px !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

body.cmr-tarif-order-page .cmr2 .cmr2-head.cmr2-head-instruction h3{
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #07346f !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    text-align: left !important;
}

body.cmr-tarif-order-page .cmr2 .cmr2-head.cmr2-head-instruction p{
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #60758d !important;
    font-size: 12px !important;
    line-height: 1.75 !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

@media (max-width: 767px){
    body.cmr-tarif-order-page .entry-title,
    body.cmr-tarif-order-page .page-title,
    body.cmr-tarif-order-page main h1:first-of-type{
        padding-left: 18px !important;
        padding-right: 18px !important;
        font-size: 28px !important;
        line-height: 1.18 !important;
    }
    body.cmr-tarif-order-page .cmr2 .cmr2-head.cmr2-head-instruction{
        padding-left: 18px !important;
        padding-right: 18px !important;
        margin-bottom: 18px !important;
    }
    body.cmr-tarif-order-page .cmr2 .cmr2-head.cmr2-head-instruction h3{
        font-size: 16px !important;
    }
    body.cmr-tarif-order-page .cmr2 .cmr2-head.cmr2-head-instruction p{
        font-size: 11px !important;
        line-height: 1.7 !important;
        text-align: left !important; /* mobile lebih nyaman dibaca daripada justified */
    }
}