/* Tampilan pembayaran standalone; tanpa mengubah halaman checkout lain. */
.pay94{max-width:690px;margin:0 auto;color:#17202d}.pay94-heading{margin:22px 0}.pay94-heading h1{font-size:29px;letter-spacing:-.7px;margin:0 0 6px}.pay94-heading p{color:#777483;margin:0;font-size:14px}.pay94-card{padding:24px;border:1px solid #f0d6e1;background:#ffffffed;border-radius:20px;box-shadow:0 7px 30px #50304906;text-align:center}.pay94-number{font-size:13px;color:#7c7884;margin:0 0 12px}.pay94-status{display:inline-flex;border:1px solid #f4d890;border-radius:25px;padding:8px 15px;color:#97600f;background:#fff7df;font-size:13px;font-weight:650}.pay94-status.success{background:#e7f8ee;color:#16865f;border-color:#c7e9d5}.pay94-status.cancelled{background:#ffedf0;color:#ad2843;border-color:#f4c9d4}.pay94-amount{padding:24px 12px;margin:20px 0;border-radius:17px;background:linear-gradient(120deg,#fff3f7,#fff8fb)}.pay94-amount small{font-size:14px;color:#77707d;display:block}.pay94-amount>strong{display:block;font-size:clamp(27px,6vw,42px);letter-spacing:-1.2px;margin:10px 0 14px;color:#151b26;overflow-wrap:anywhere}.pay94-copy{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #ebbed0;background:#fff9fc;color:#b72e53;border-radius:11px;font-size:13px;padding:10px 13px}.pay94-copy svg{flex:none}.pay94-deadline{display:grid;gap:6px;color:#646271;font-size:13px;margin:20px 0 24px}.pay94-deadline>b{font-size:15px;color:#29303e}.pay94-bank{border:1px solid #eadbe2;border-radius:15px;padding:20px;text-align:left}.pay94-bank h2{display:flex;align-items:center;gap:14px;font-size:18px;margin:0 0 24px}.pay94-bank h2 .payment-logo{width:68px;height:27px}.pay94-bank small{font-size:10px;color:#89818c;letter-spacing:1px}.pay94-account{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 15px}.pay94-account>strong{font-size:clamp(17px,4.7vw,25px);letter-spacing:.3px;overflow-wrap:anywhere}.pay94-holder{border-top:1px solid #eee4ea;padding-top:14px}.pay94-holder p{margin:5px 0 0;font-size:15px}.pay94-info{padding:14px 16px;border:1px solid #f1dfb5;background:#fffaf0;border-radius:13px;text-align:left;font-size:13px;color:#805e22;line-height:1.65;margin:16px 0}.pay94-qr{display:block;width:100%;border:0;background:white;padding:0}.pay94-qr small{letter-spacing:0}.pay94-actions{margin-top:22px!important}.pay94-actions a,.pay94-actions button{font-size:12px!important;min-height:49px;border-radius:11px!important;gap:6px;background:#faf6f8!important;color:#78566a}.pay94-actions .primary{background:#b72e53!important;color:white!important}.pay94-actions button{color:#b72e53!important}.pay94-auto{padding:20px 0}@media(max-width:480px){.pay94-card{padding:18px}.pay94-bank{padding:15px}.pay94-heading h1{font-size:25px}.pay94-actions a,.pay94-actions button{font-size:10px!important;padding:9px 4px!important}.pay94-amount{padding:20px 8px}}
/* Isi detail saja. Header storefront dan simpul fungsi lama dipertahankan. */
#orderDetail.ord94-root{background:transparent!important;padding:0!important;max-width:900px!important;margin:0 auto!important;border:0!important;box-shadow:none!important}#orderDetail.ord94-root>:not(.ord94-ui){display:none!important}#orderDetail.ord94-root>.ord94-ui{display:block!important;padding:0 0 24px!important;color:#243040;text-align:left;font-family:Inter,system-ui,sans-serif}
#orderDetail.ord94-root .ord94-title{font-size:26px!important;letter-spacing:-.6px;margin:12px 0 18px!important;color:#17202d}#orderDetail.ord94-root .ord94-card{background:#fff!important;border:1px solid #eee5ea!important;border-radius:17px!important;box-shadow:0 5px 20px #38203905!important;margin:12px 0!important;padding:20px!important;overflow:hidden!important}#orderDetail.ord94-root .ord94-ui h2{font-size:17px!important;color:#202837!important;margin:0 0 15px!important;font-weight:750!important}#orderDetail.ord94-root .ord94-summary{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}#orderDetail.ord94-root .ord94-summary strong{font-size:21px;letter-spacing:-.5px;overflow-wrap:anywhere}#orderDetail.ord94-root .ord94-summary small{display:block;margin-top:6px;color:#918694;font-size:12px}#orderDetail.ord94-root .ord94-ui button{font:inherit;cursor:pointer;border:1px solid #ebdce5;background:#fff;color:#b72e53;border-radius:9px;padding:10px 12px;box-shadow:none;min-height:36px}#orderDetail.ord94-root .ord94-ui button:disabled{opacity:.4;cursor:default}#orderDetail.ord94-root .ord94-quiet{border:0!important;background:transparent!important;font-size:13px!important;white-space:nowrap;padding:4px!important}#orderDetail.ord94-root .ord94-status{display:table;background:#fff2d0;color:#9c600a;font-size:11px;font-weight:650;border-radius:18px;padding:6px 12px;margin:12px 0 0 auto}#orderDetail.ord94-root .ord94-status.success{background:#e4f7ed;color:#148361}#orderDetail.ord94-root .ord94-status.cancelled{background:#ffecf0;color:#ac2948}#orderDetail.ord94-root .ord94-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;text-align:center;gap:0}#orderDetail.ord94-root .ord94-progress>div{position:relative;font-size:11px}#orderDetail.ord94-root .ord94-progress>div:before{content:'';position:absolute;height:2px;top:13px;left:-50%;width:100%;background:#e3dfe3}#orderDetail.ord94-root .ord94-progress>div:first-child:before{display:none}#orderDetail.ord94-root .ord94-progress .done:before,#orderDetail.ord94-root .ord94-progress .current:before{background:#d99db6}#orderDetail.ord94-root .ord94-progress i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d6d0d4;border:4px solid #fff;outline:1px solid #e4dce2;position:relative;z-index:1;margin:0 auto 10px;color:white;font-style:normal}#orderDetail.ord94-root .ord94-progress .done i{background:#ba2c59;outline-color:#eab4cb}#orderDetail.ord94-root .ord94-progress .current i{background:#e8a336;outline-color:#f4d291}#orderDetail.ord94-root .ord94-progress b{display:block;font-size:11px}#orderDetail.ord94-root .ord94-progress small{display:block;color:#948995;font-size:9px;line-height:1.4;margin-top:4px}#orderDetail.ord94-root .ord94-due{background:linear-gradient(120deg,#fff3f8,#fff9fb)!important;border-color:#f1cbdb!important}#orderDetail.ord94-root .ord94-due>small{font-size:12px;color:#8d4d68}#orderDetail.ord94-root .ord94-due-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0}#orderDetail.ord94-root .ord94-due-row span{font-size:12px;color:#776b79}#orderDetail.ord94-root .ord94-due-row strong{display:block;font-size:26px;letter-spacing:-.7px;color:#1c2130}#orderDetail.ord94-root .ord94-primary{display:inline-flex!important;gap:10px;align-items:center;justify-content:center;padding:12px 16px!important;border-radius:11px!important;background:#b72e53!important;border:1px solid #b72e53!important;color:white!important;font-size:12px!important;text-decoration:none!important;font-weight:700!important;white-space:nowrap}#orderDetail.ord94-root .ord94-chevron{width:15px!important;height:15px!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:0!important;display:inline-block!important;vertical-align:middle}#orderDetail.ord94-root .ord94-primary .ord94-chevron{filter:brightness(0) invert(1)}#orderDetail.ord94-root .ord94-due p{font-size:12px;line-height:1.5;margin:4px 0!important;color:#6f6371}#orderDetail.ord94-root .ord94-section-head h2 small{background:#f4eff3;color:#756776;padding:5px 9px;border-radius:12px;font-size:11px;margin-left:7px}#orderDetail.ord94-root button.ord94-product{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;background:transparent!important;border:0!important;border-bottom:1px solid #f0e9ed!important;border-radius:0!important;padding:13px 0!important;text-align:left!important;color:#27303d!important}#orderDetail.ord94-root button.ord94-product:last-child{border-bottom:0!important}#orderDetail.ord94-root .ord94-product>img,#orderDetail.ord94-root .ord94-photo{width:54px!important;height:54px!important;object-fit:cover!important;border-radius:9px!important;background:#f4eff3}#orderDetail.ord94-root .ord94-product-info{min-width:0}#orderDetail.ord94-root .ord94-product-info>b{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#orderDetail.ord94-root .ord94-product-info small{display:block;font-size:10px;color:#938592;margin-top:5px;overflow-wrap:anywhere}#orderDetail.ord94-root .ord94-product-info em{display:inline-block;font-size:9px;font-style:normal;background:#e5f8ec;color:#178255;border-radius:10px;padding:3px 6px;margin-right:3px}#orderDetail.ord94-root .ord94-product-info em.po{background:#fff0df;color:#a35e19}#orderDetail.ord94-root .ord94-product>strong{font-size:12px;white-space:nowrap}#orderDetail.ord94-root .ord94-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:10px 0;font-size:13px;color:#706878}#orderDetail.ord94-root .ord94-line>b{font-weight:600;text-align:right;white-space:nowrap;color:#344052}#orderDetail.ord94-root .ord94-line.discount>b{color:#bc315d}#orderDetail.ord94-root .ord94-line.border{border-top:1px solid #eee5eb;padding-top:12px;margin-top:12px}#orderDetail.ord94-root .ord94-line.bold{font-weight:700}#orderDetail.ord94-root .ord94-ui details{border:0;background:none;margin:0;padding:0}#orderDetail.ord94-root .ord94-ui summary{display:flex;gap:12px;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:#6b5a6c;font-size:12px;padding:13px 0 0;margin:0;background:transparent;border:0}#orderDetail.ord94-root .ord94-ui summary::-webkit-details-marker{display:none}#orderDetail.ord94-root .ord94-ui details[open]>summary>.ord94-chevron{transform:rotate(90deg)}#orderDetail.ord94-root .ord94-ui summary b{display:block;font-size:14px;color:#303645}#orderDetail.ord94-root .ord94-ui summary small{display:block;color:#928291;font-size:12px;margin-top:4px}#orderDetail.ord94-root .ord94-ui details p{font-size:12px;line-height:1.7;color:#847384;white-space:pre-line}#orderDetail.ord94-root .ord94-shipping{border-top:1px solid #eee4eb;margin-top:15px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:12px}#orderDetail.ord94-root .ord94-shipping small{display:block;color:#9a8b99;font-size:11px;margin-top:4px;overflow-wrap:anywhere}#orderDetail.ord94-root .ord94-footer{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}#orderDetail.ord94-root .ord94-footer button{flex:1;font-size:11px!important;background:#fff6fa!important;white-space:nowrap}#orderDetail.ord94-root .ord94-footer .wa{color:#15935c;background:#e9f8ef!important;border-color:#dcefe5}#orderDetail.ord94-root .ord94-footer .cancel{background:transparent!important;border:0!important;color:#a83d58}@media(max-width:480px){#orderDetail.ord94-root .ord94-card{padding:15px!important}#orderDetail.ord94-root .ord94-summary strong{font-size:18px}#orderDetail.ord94-root .ord94-due-row{gap:10px}#orderDetail.ord94-root .ord94-due-row strong{font-size:23px}#orderDetail.ord94-root .ord94-primary{font-size:11px!important;padding:12px!important}#orderDetail.ord94-root button.ord94-product{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}#orderDetail.ord94-root .ord94-product>img,#orderDetail.ord94-root .ord94-photo{width:46px!important;height:46px!important}#orderDetail.ord94-root .ord94-product>strong{grid-column:2;text-align:right;margin-top:-5px}#orderDetail.ord94-root .ord94-line{font-size:12px}}
/* v7195 · jarak rapat, ikon asli, dan satu warna aksen. Header utama tidak disentuh. */
:root{--ord95-accent:#d00058}
.ord95-icon{display:inline-block;flex:0 0 20px;width:20px;height:20px;background:currentColor;vertical-align:middle;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ord95-icon.timer{-webkit-mask-image:url('/assets/order-ui-icons-v7195/timer.png');mask-image:url('/assets/order-ui-icons-v7195/timer.png')}.ord95-icon.location{-webkit-mask-image:url('/assets/order-ui-icons-v7195/location.png');mask-image:url('/assets/order-ui-icons-v7195/location.png')}.ord95-icon.headset{-webkit-mask-image:url('/assets/order-ui-icons-v7195/headset.png');mask-image:url('/assets/order-ui-icons-v7195/headset.png')}.ord95-icon.ekspedisi{-webkit-mask-image:url('/assets/order-ui-icons-v7195/ekspedisi.png');mask-image:url('/assets/order-ui-icons-v7195/ekspedisi.png')}.ord95-icon.invoice{-webkit-mask-image:url('/assets/order-ui-icons-v7195/invoice.png');mask-image:url('/assets/order-ui-icons-v7195/invoice.png')}.ord95-svg{width:20px;height:20px;flex:none}
body:has(#orderDetail.ord94-root) #routePageRoot>.route-back-v704,body:has(#orderDetail.ord94-root) .route-back-v704{display:none!important}body:has(#orderDetail.ord94-root) #modalRoot.route-content-v703,body:has(#orderDetail.ord94-root) #modalRoot.route-content-v703>.modal{padding-top:0!important;margin-top:0!important}
body #modalRoot #orderDetail.ord94-root .ord94-ui{font:14px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:normal!important}body #modalRoot #orderDetail.ord94-root .ord94-ui p,body #modalRoot #orderDetail.ord94-root .ord94-ui small,body #modalRoot #orderDetail.ord94-root .ord94-ui b,body #modalRoot #orderDetail.ord94-root .ord94-ui strong{line-height:1.4!important;letter-spacing:normal!important}
body #modalRoot #orderDetail.ord94-root .ord95-title-row{display:flex!important;align-items:center!important;gap:14px!important;padding:10px 0 5px!important;margin:0!important}body #modalRoot #orderDetail.ord94-root .ord94-title{margin:0!important;font-size:22px!important;line-height:1.2!important}body #modalRoot #orderDetail.ord94-root .ord95-back{display:inline-flex!important;align-items:center!important;gap:4px!important;background:transparent!important;border:0!important;padding:3px 0!important;font-size:11px!important;color:#50414c!important;min-height:28px!important}body #modalRoot #orderDetail.ord94-root .ord95-back img{transform:rotate(180deg);width:13px!important;height:13px!important}
body #modalRoot #orderDetail.ord94-root .ord94-card{padding:15px 18px!important;margin:10px 0!important;border-radius:17px!important}body #modalRoot #orderDetail.ord94-root .ord94-ui h2{margin:0 0 9px!important;font-size:17px!important;line-height:1.3!important}body #modalRoot #orderDetail.ord94-root .ord94-ui button,body #modalRoot #orderDetail.ord94-root .ord94-ui a{box-shadow:none!important;letter-spacing:normal!important;min-height:0!important}body #modalRoot #orderDetail.ord94-root .ord94-summary{align-items:center!important;gap:12px!important}body #modalRoot #orderDetail.ord94-root .ord94-summary strong{font-size:21px!important}body #modalRoot #orderDetail.ord94-root .ord94-summary small{margin:3px 0 0!important;font-size:11px!important}body #modalRoot #orderDetail.ord94-root .ord94-status{margin:7px 0 0 auto!important;padding:5px 11px!important}body #modalRoot #orderDetail.ord94-root .ord94-progress{margin:15px 0 0!important}body #modalRoot #orderDetail.ord94-root .ord94-progress i{margin-bottom:7px!important;width:26px!important;height:26px!important}body #modalRoot #orderDetail.ord94-root .ord94-progress .done i{background:var(--ord95-accent)!important}body #modalRoot #orderDetail.ord94-root .ord94-progress small{font-size:9px!important;margin:2px 0 0!important}
body #modalRoot #orderDetail.ord94-root .ord95-deadline{display:flex!important;align-items:center!important;gap:8px!important;color:var(--ord95-accent)!important;font-size:12px!important;margin:0!important}body #modalRoot #orderDetail.ord94-root .ord94-due-row{margin:10px 0 9px!important;gap:10px!important}body #modalRoot #orderDetail.ord94-root .ord94-due-row strong{font-size:27px!important;line-height:1.2!important;margin:3px 0 0!important}body #modalRoot #orderDetail.ord94-root .ord94-due-row span{font-size:12px!important}body #modalRoot #orderDetail.ord94-root .ord95-method{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 4px!important;font-size:12px!important;color:#514654!important}body #modalRoot #orderDetail.ord94-root .ord95-bank-logo{display:block!important;width:57px!important;height:26px!important;max-width:57px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:#fff!important;padding:2px!important}body #modalRoot #orderDetail.ord94-root .ord94-due>small:last-child{display:block!important;font-size:10px!important;margin:0!important;color:#8e7989!important}body #modalRoot #orderDetail.ord94-root .ord94-primary{background:var(--ord95-accent)!important;border-color:var(--ord95-accent)!important;padding:12px 15px!important;line-height:1.2!important}body #modalRoot #orderDetail.ord94-root .ord94-quiet{display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--ord95-accent)!important}
body #modalRoot #orderDetail.ord94-root .ord94-product{margin:0!important;padding:10px 0!important;min-height:0!important;row-gap:3px!important}body #modalRoot #orderDetail.ord94-root .ord94-product-info>b{font-size:12px!important;line-height:1.4!important;margin:0!important}body #modalRoot #orderDetail.ord94-root .ord94-product-info small{font-size:10px!important;line-height:1.3!important;margin:3px 0 0!important}body #modalRoot #orderDetail.ord94-root .ord94-product>strong{margin:0!important;font-size:12px!important;align-self:end!important}body #modalRoot #orderDetail.ord94-root .ord94-line{margin:7px 0!important;line-height:1.4!important;font-size:13px!important}body #modalRoot #orderDetail.ord94-root .ord94-line.border{padding-top:9px!important;margin-top:9px!important}body #modalRoot #orderDetail.ord94-root .ord94-line.discount>b{color:var(--ord95-accent)!important}body #modalRoot #orderDetail.ord94-root .ord94-ui summary{padding:8px 0 0!important;min-height:0!important;outline:0!important;box-shadow:none!important;border:0!important;line-height:1.4!important}body #modalRoot #orderDetail.ord94-root .ord94-ui button:focus,body #modalRoot #orderDetail.ord94-root .ord94-ui a:focus{outline:0!important;box-shadow:none!important}body.ord95-keyboard #modalRoot #orderDetail.ord94-root .ord94-ui :focus-visible{outline:2px solid var(--ord95-accent)!important;outline-offset:3px!important}body #modalRoot #orderDetail.ord94-root .ord95-label{display:flex!important;align-items:center!important;gap:9px!important;color:#28303f!important}body #modalRoot #orderDetail.ord94-root .ord95-label .ord95-icon{color:var(--ord95-accent)!important;width:21px;height:21px;flex-basis:21px}body #modalRoot #orderDetail.ord94-root .ord94-shipping{margin-top:10px!important;padding-top:10px!important}body #modalRoot #orderDetail.ord94-root .ord94-shipping small{margin:3px 0 0 30px!important;font-size:11px!important}body #modalRoot #orderDetail.ord94-root .ord94-footer{gap:8px!important;margin:10px 0!important;align-items:stretch!important}body #modalRoot #orderDetail.ord94-root .ord94-footer button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:11px 8px!important;font-size:12px!important;line-height:1.3!important;color:var(--ord95-accent)!important}body #modalRoot #orderDetail.ord94-root .ord94-footer button.wa{color:#15935c!important}body #modalRoot #orderDetail.ord94-root .ord94-footer .cancel{border-left:1px solid #e7dce4!important;border-radius:0!important}body #modalRoot #orderDetail.ord94-root .ord94-footer .cancel .ord95-svg{width:17px;height:17px}
.pay94 .pay94-copy,.pay94 .pay94-actions button{color:var(--ord95-accent)!important}.pay94 .pay94-actions .primary,.pay94 #payNow{background:var(--ord95-accent)!important;border-color:var(--ord95-accent)!important}.ord95-pay-deadline{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ord95-accent)}@media(max-width:450px){body #modalRoot #orderDetail.ord94-root .ord94-card{padding:13px 14px!important}body #modalRoot #orderDetail.ord94-root .ord94-due-row strong{font-size:23px!important}body #modalRoot #orderDetail.ord94-root .ord94-footer button{font-size:10px!important;gap:5px!important}body #modalRoot #orderDetail.ord94-root .ord94-footer .ord95-svg,body #modalRoot #orderDetail.ord94-root .ord94-footer .ord95-icon{width:17px;height:17px;flex-basis:17px}}

@media(max-width:480px){body #modalRoot #orderDetail.ord94-root button.ord94-product{grid-template-columns:46px minmax(0,1fr) auto!important;column-gap:10px!important}body #modalRoot #orderDetail.ord94-root .ord94-product>strong{grid-column:auto!important;align-self:center!important;font-size:11px!important}}
