.online-print-promo{padding:2.4rem 0;background:#111;color:#fff;position:relative;overflow:hidden}
.online-print-promo:after{content:none!important;display:none!important}
.online-print-promo .container{position:relative;z-index:2}.op-promo-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1.4rem;align-items:center}.op-promo-grid h2{font-size:clamp(2rem,5vw,4.2rem);line-height:.95;text-transform:uppercase}.op-promo-grid h2 span{color:#ffd400}.op-promo-grid p{max-width:720px;margin:.8rem 0 1.2rem}.op-promo-badge{background:#ffd400;color:#111;padding:1.3rem;border-radius:24px;border:3px solid #fff;box-shadow:10px 10px 0 rgba(255,255,255,.2);font-size:1.15rem;font-weight:1000}.op-promo-badge strong{display:block;font-size:2rem}
.op-page{padding:2.5rem 0 4rem;background:linear-gradient(180deg,#fff,#fff9dd)}.op-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:1.4rem;align-items:start}.op-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:1.3rem;box-shadow:0 14px 32px rgba(0,0,0,.08);margin-bottom:1rem}.op-card h2,.op-card h3{margin-bottom:.55rem}.op-kicker{color:#b18100;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:1000}.op-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.op-service-btn{border:2px solid #111;background:#fff;border-radius:18px;padding:1rem;cursor:pointer;text-align:left;font:inherit;font-weight:900;transition:.15s}.op-service-btn:hover,.op-service-btn.active{background:#ffd400;transform:translateY(-2px)}.op-builder{display:none;margin-top:1rem;padding:1rem;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb}.op-builder.active{display:block}.op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.op-field label{display:block;font-size:.78rem;font-weight:1000;margin-bottom:.3rem}.op-field input,.op-field select,.op-field textarea{width:100%;padding:.8rem;border:1px solid #cbd5e1;border-radius:12px;font:inherit}.op-wide{grid-column:1/-1}.op-add{border:0;background:#111;color:#ffd400;padding:.85rem 1rem;border-radius:999px;font-weight:1000;cursor:pointer}.op-cart{position:sticky;top:100px}.op-cart-list{display:grid;gap:.7rem}.op-cart-item{padding:.8rem;border-radius:14px;background:#f8fafc;border-left:5px solid #ffd400}.op-cart-item strong{display:block}.op-cart-item small{display:block;color:#64748b}.op-cart-item .remove{border:0;background:#fee2e2;color:#991b1b;border-radius:999px;padding:.35rem .6rem;cursor:pointer;margin-top:.4rem}.op-total-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #eee}.op-total-row.grand{font-size:1.25rem;font-weight:1000;border-bottom:0;color:#111}.op-checkout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.op-notice{padding:.9rem;border-radius:14px;background:#fff8d8;border:1px solid #facc15;margin:.8rem 0;font-size:.9rem}.op-danger{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.op-success{background:#dcfce7;border-color:#86efac;color:#166534}.op-code{font-size:clamp(1.5rem,4vw,2.6rem);font-weight:1000;letter-spacing:.08em;background:#111;color:#ffd400;padding:1rem;border-radius:18px;text-align:center}.op-status-pill{display:inline-flex;padding:.45rem .75rem;border-radius:999px;font-weight:1000;background:#e2e8f0}.op-status-pill.PAYMENT_CONFIRMED,.op-status-pill.PRINTING,.op-status-pill.DONE_PRINTING,.op-status-pill.READY_FOR_WALKIN,.op-status-pill.READY_FOR_LALAMOVE,.op-status-pill.LALAMOVE_BOOKED,.op-status-pill.READY_FOR_JT,.op-status-pill.SHIPPED_JT{background:#dcfce7;color:#166534}.op-status-pill.PAYMENT_FOR_CONFIRMATION,.op-status-pill.AWAITING_PAYMENT{background:#fff7ed;color:#9a3412}.op-status-pill.COMPLETED{background:#e5e7eb;color:#334155}.op-status-pill.CANCELLED{background:#fee2e2;color:#991b1b}.op-qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.op-qr{padding:.8rem;border:1px solid #e5e7eb;border-radius:16px;text-align:center}.op-qr img{width:100%;max-height:220px;object-fit:contain}.op-timeline{display:grid;gap:.7rem}.op-timeline-item{border-left:4px solid #ffd400;padding:.6rem .8rem;background:#f8fafc;border-radius:0 12px 12px 0}.op-items-table{width:100%;border-collapse:collapse}.op-items-table th,.op-items-table td{padding:.7rem;border-bottom:1px solid #e5e7eb;text-align:left;font-size:.9rem}.op-items-table th{background:#111;color:#ffd400}.op-track-form{max-width:620px;margin:auto}.op-submit{width:100%;border:0;background:#ffd400;color:#111;padding:1rem;border-radius:999px;font-weight:1000;font-size:1rem;cursor:pointer;box-shadow:0 7px 0 #111}.op-file-note{font-size:.78rem;color:#64748b;margin-top:.25rem}
@media(max-width:900px){.op-promo-grid,.op-shell{grid-template-columns:1fr}.op-service-grid{grid-template-columns:1fr 1fr}.op-cart{position:static}.op-qr-grid{grid-template-columns:1fr}}
@media(max-width:620px){.op-service-grid,.op-grid,.op-checkout-grid{grid-template-columns:1fr}.op-wide{grid-column:auto}.op-items-table{display:block;overflow:auto}}

/* 2026-08-09 Online Printing UX update */
.op-field-help{display:block;margin-top:.32rem;color:#64748b;font-size:.76rem}.op-payment-qr-img{cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease}.op-payment-qr-img:hover{transform:scale(1.025);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.op-qr-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem}.op-qr-modal.show{display:flex}.op-qr-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(9px)}.op-qr-modal-panel{position:relative;z-index:2;width:min(92vw,560px);background:#fff;border-radius:26px;padding:1.25rem;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}.op-qr-modal-panel img{width:min(82vw,440px);height:min(82vw,440px);object-fit:contain}.op-qr-modal-panel h3{margin:.4rem 0 1rem}.op-qr-close{position:absolute;right:12px;top:10px;border:0;background:#111;color:#fff;width:38px;height:38px;border-radius:999px;font-size:1.35rem;cursor:pointer}.op-modal-open{overflow:hidden}
.op-order-qr-wrap{text-align:center}.op-order-qr{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:8px solid #fff;box-shadow:0 0 0 2px #111;border-radius:12px;margin:.8rem auto}.op-order-qr img,.op-order-qr canvas{display:block;max-width:100%;height:auto}.op-cancel-box{border:1px solid #fecaca;background:#fff7f7}.op-cancel-btn{width:100%;border:0;background:#b91c1c;color:#fff;padding:.85rem 1rem;border-radius:999px;font-weight:1000;cursor:pointer}.op-cancel-btn[disabled]{background:#cbd5e1;color:#64748b;cursor:not-allowed}
.op-track-tools{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}.op-track-tool{border:1px solid #e5e7eb;border-radius:16px;padding:.9rem;background:#f8fafc}.op-track-tool button{width:100%}.op-track-video{display:none;width:100%;max-height:280px;object-fit:cover;border-radius:14px;margin-top:.7rem;background:#111}.op-recent-list{display:grid;gap:.7rem}.op-recent-order{display:flex;justify-content:space-between;gap:1rem;align-items:center;text-decoration:none;color:#111;background:#fff8d8;border:1px solid #facc15;border-radius:14px;padding:.8rem}.op-recent-order span{color:#64748b;font-size:.82rem;text-align:right}
.op-upload-overlay{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.78);backdrop-filter:blur(8px)}.op-upload-overlay.show{display:flex}.op-upload-box{width:min(92vw,520px);background:#fff;border-radius:28px;padding:1.5rem;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.4)}.op-spinner{width:54px;height:54px;border:6px solid #e5e7eb;border-top-color:#ffd400;border-right-color:#111;border-radius:50%;margin:0 auto 1rem;animation:opspin .8s linear infinite}@keyframes opspin{to{transform:rotate(360deg)}}.op-upload-progress{height:15px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:.9rem 0 .5rem}.op-upload-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd400,#111);transition:width .15s linear}.op-upload-box>strong{font-size:1.15rem}.op-upload-warning{margin-top:1rem;padding:.85rem;border-radius:14px;background:#fee2e2;color:#991b1b;font-weight:1000;font-size:.86rem}
@media(max-width:700px){.op-track-tools{grid-template-columns:1fr}.op-qr-grid{grid-template-columns:repeat(2,1fr)}.op-recent-order{align-items:flex-start;flex-direction:column}.op-recent-order span{text-align:left}}
@media(max-width:460px){.op-qr-grid{grid-template-columns:1fr}.op-qr-modal-panel{padding:1rem}.op-upload-box{padding:1.1rem}.op-code{font-size:1.18rem;overflow-wrap:anywhere}}


/* Store status, courier actions and responsive fulfillment panels */
.op-store-status{display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-radius:18px;margin:0 0 1rem;font-size:.9rem;border:1px solid}.op-store-status strong{white-space:nowrap}.op-store-status.open{background:#dcfce7;border-color:#86efac;color:#166534}.op-store-status.closed{background:#f3f4f6;border-color:#cbd5e1;color:#334155}.op-fulfillment-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:1rem;margin:1rem 0}.op-lalamove-panel{border-color:#f59e0b;background:#fffaf0}.op-copy-text{width:100%;min-height:250px;resize:vertical;padding:.85rem;border:1px solid #d1d5db;border-radius:14px;background:#fff;font:500 .86rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.op-action-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0}.op-link-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.op-tracking-number{font-size:clamp(1.2rem,4vw,2rem);font-weight:1000;letter-spacing:.06em;margin:.45rem 0;word-break:break-all}.op-table-scroll{overflow-x:auto}.op-lalamove-booked-form{margin-top:1rem;border-top:1px dashed #d97706;padding-top:1rem}.op-cancel-btn{border:0;background:#991b1b;color:#fff;padding:.8rem 1rem;border-radius:999px;font-weight:900;cursor:pointer}.op-cancel-btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.op-store-status{align-items:flex-start;flex-direction:column}.op-action-row>*{width:100%;text-align:center}.op-copy-text{min-height:310px}.op-fulfillment-panel{padding:.85rem}.op-code{font-size:1.25rem;overflow-wrap:anywhere}}

/* 2026-08-09 customer controls / billing / locked-order refinements */
.op-card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.op-muted{margin:.25rem 0 0;color:#64748b;font-size:.92rem}.op-lock-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#e5e7eb;color:#475569;font-weight:800;font-size:.82rem}.op-order-locked{background:linear-gradient(180deg,#fff,#f8fafc)}.op-order-locked .op-items-table{opacity:.88}.op-remove-item{border:0;border-radius:9px;padding:7px 10px;background:#dc2626;color:#fff;font-weight:800;cursor:pointer}.op-remove-item:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.op-check-row{display:flex;align-items:center;gap:10px;font-weight:800;margin:10px 0 14px}.op-check-row input{width:19px;height:19px}.op-collapsed{display:none!important}.op-selected-pickup{padding:12px 14px;border-radius:13px;border:1px solid #facc15;background:#fff8d8;line-height:1.55;margin:10px 0 14px}.op-facebook-btn{background:#1877f2!important;color:#fff!important;border-color:#1877f2!important}.op-facebook-btn:hover{filter:brightness(.96)}
@media(max-width:720px){.op-items-table th:nth-child(3),.op-items-table td:nth-child(3){display:none}.op-items-table th,.op-items-table td{padding:9px 7px}.op-remove-item{padding:6px 8px;font-size:.78rem}.op-card-head-row{display:block}.op-lock-badge{margin-top:8px}.op-action-row .op-link-btn,.op-action-row button{width:100%;text-align:center;justify-content:center}}
.op-help-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:12px 0 18px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-weight:700}.op-help-banner .op-link-btn{margin:0}@media(max-width:700px){.op-help-banner{align-items:stretch;flex-direction:column}.op-help-banner .op-link-btn{width:100%;text-align:center}}


/* 2026-08-09 payment-choice, order-review and retention notices */
.op-critical-note{display:grid;gap:7px;padding:15px 17px;margin:12px 0 18px;border:2px solid #111;border-left:8px solid #facc15;border-radius:16px;background:#fffdf1;color:#111;line-height:1.55}.op-critical-note>strong{font-size:1rem}.op-critical-note.compact{font-size:.9rem}.op-critical-note.archived{background:#fff1f2;border-color:#b91c1c;border-left-color:#b91c1c;color:#7f1d1d}.op-critical-note .op-link-btn{width:max-content;margin-top:4px}
.op-payment-choice{display:grid;gap:10px}.op-payment-choice label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #d1d5db;border-radius:13px;background:#fff;line-height:1.45}.op-payment-choice input{width:18px!important;height:18px;margin-top:2px;flex:0 0 auto}
.op-order-confirm{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;margin:12px 0;border:1px solid #f59e0b;border-radius:14px;background:#fffbeb;font-size:.83rem;font-weight:700;line-height:1.5}.op-order-confirm input{width:19px;height:19px;flex:0 0 auto;margin-top:2px}
.op-messenger-cta{background:#1877f2!important;color:#fff!important}
@media(max-width:700px){.op-critical-note .op-link-btn{width:100%}.op-payment-choice label{padding:11px}.op-order-confirm{font-size:.8rem}}

/* 2026-08-11 automatic per-file page checking */
.page-hero.services-bg.online-printing-hero{background:#111!important;background-image:none!important}
.page-hero.services-bg.online-printing-hero::after,.page-hero.services-bg.online-printing-hero:after{content:none!important;display:none!important;background:none!important;clip-path:none!important}
.op-file-plan{margin-top:.85rem;border:1px solid #dedede;border-radius:14px;overflow:hidden;background:#fff}
.op-file-plan-title{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.75rem .9rem;background:#111;color:#fff}
.op-file-plan-title span{font-size:.78rem;color:#ddd}
.op-file-plan-row{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(180px,1.1fr) 110px 120px;gap:.75rem;padding:.8rem .9rem;border-top:1px solid #ececec;align-items:start}
.op-file-plan-row:first-of-type{border-top:0}
.op-file-name strong{display:block;word-break:break-word}.op-file-name small{display:block;margin-top:.25rem;color:#666;line-height:1.35}
.op-file-control label{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;color:#555}
.op-file-control input,.op-file-control select{width:100%;box-sizing:border-box;padding:.58rem .65rem;border:1px solid #cfcfcf;border-radius:9px;background:#fff}
.op-file-control small{display:block;margin-top:.25rem;color:#666}.op-file-control small.error,.op-analyze-status.error{color:#b00020;font-weight:800}
.op-file-line-total strong{display:block;padding:.62rem 0;font-size:1rem}
.op-analyze-status{margin-top:.55rem;padding:.65rem .75rem;border-radius:10px;background:#fff5bd;font-weight:800}
.op-customer-file-table small{line-height:1.3}
@media(max-width:850px){
  .op-file-plan-title{align-items:flex-start;flex-direction:column}
  .op-file-plan-row{grid-template-columns:1fr 1fr}
  .op-file-name{grid-column:1/-1}
}
@media(max-width:560px){
  .op-file-plan-row{grid-template-columns:1fr}
  .op-file-name{grid-column:auto}
}

@media(max-width:720px){.op-customer-file-table th:nth-child(3),.op-customer-file-table td:nth-child(3){display:table-cell!important}.op-customer-file-table{min-width:680px}}


/* 2026-08-11 Add & Upload usability fix */
.op-cart-file-box{
  margin-top:.75rem;
  padding:.8rem;
  border:2px dashed #e0ae00;
  border-radius:12px;
  background:#fffdf2;
  transition:.2s ease;
}
.op-cart-file-box .op-file-note{
  display:block;
  margin:0 0 .45rem;
  color:#111;
  font-weight:900;
}
.op-cart-file-box input[type="file"]{
  display:block;
  width:100%;
  padding:.55rem;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.op-file-picker-help{
  display:block;
  margin-top:.4rem;
  color:#64748b;
  line-height:1.35;
}
.op-filebox-attention{
  border-color:#111;
  background:#fff2a8;
  box-shadow:0 0 0 4px rgba(255,212,0,.28);
}
@media(max-width:900px){
  .op-cart-file-box{padding:.7rem}
}


/* 2026-08-11 inline JS reliability fix */
.op-service-btn{cursor:pointer;position:relative;z-index:1}
.op-service-btn.active{background:#ffd400!important;color:#111!important;border-color:#111!important;box-shadow:0 3px 0 #111}
.op-builder{display:none}
.op-builder.active{display:block!important}
.op-js-warning{margin:14px 0;padding:14px 16px;border:2px solid #b91c1c;border-radius:12px;background:#fff1f2;color:#7f1d1d;display:grid;gap:4px}
.op-js-warning strong{font-weight:900}


/* 2026-08-13 customer flow: Upload -> Delivery -> Payment */
.op-wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px}.op-wizard-progress>div{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 10px;border-radius:16px;background:#e5e7eb;color:#64748b;font-weight:900}.op-wizard-progress b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid currentColor}.op-wizard-progress .active{background:#111827;color:#facc15}.op-wizard-progress .done{background:#dcfce7;color:#166534}.op-step-lead{font-size:1.08rem;line-height:1.65;color:#374151}.op-resume-banner,.op-home-resume .container{display:flex;align-items:center;justify-content:space-between;gap:18px}.op-resume-banner{padding:16px 18px;margin:0 0 16px;border:2px solid #facc15;background:#fff8d8;border-radius:16px}.op-resume-banner strong,.op-home-resume strong{display:block;font-size:1.05rem}.op-resume-banner span,.op-home-resume span{display:block;margin-top:4px;color:#475569}.op-resume-btn{width:auto!important;margin:0!important;padding:12px 18px!important}.op-home-resume{background:#fff3a6;border-bottom:1px solid #eab308;padding:12px 0}.op-order-created{text-align:center}.op-order-created .op-order-qr{margin:16px auto}.op-contact-simple{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.op-choice-title{margin:24px 0 10px}.op-big-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.op-big-choice{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:18px;border:3px solid #d1d5db;border-radius:20px;background:#fff;cursor:pointer}.op-big-choice:has(input:checked){border-color:#111827;background:#fff8d8;box-shadow:0 0 0 4px rgba(250,204,21,.25)}.op-big-choice input{width:22px;height:22px}.op-big-choice>span{font-size:2rem}.op-big-choice strong{font-size:1.1rem}.op-big-choice small{color:#64748b}.op-simple-panel,.op-address-box{margin-top:18px;padding:18px;border-radius:16px;background:#f8fafc;border:1px solid #dbe2ea}.op-radio-line{display:block;padding:14px;margin:8px 0;border:1px solid #d1d5db;border-radius:12px;background:#fff;line-height:1.5}.op-radio-line input{width:20px;height:20px;vertical-align:middle}.op-checkout-total{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0;padding:18px;border-radius:16px;background:#111827;color:#fff;font-size:1.05rem}.op-checkout-total .grand{font-size:1.25rem;color:#facc15;font-weight:900;border-top:1px solid #475569;padding-top:11px}.op-next-big{font-size:1.1rem!important;min-height:56px}.op-floating-help{position:fixed;right:18px;bottom:18px;z-index:9998;background:#1877f2;color:#fff;text-decoration:none;border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.24);display:flex;gap:7px;align-items:center}.op-receipt-wait{display:inline-block;padding:10px 13px;border-radius:999px;background:#f1f5f9;color:#64748b;font-weight:800}
@media(max-width:760px){.op-wizard-progress span{font-size:.78rem}.op-wizard-progress{gap:6px}.op-wizard-progress>div{padding:9px 5px}.op-contact-simple,.op-big-choice-grid{grid-template-columns:1fr}.op-big-choice{min-height:112px}.op-resume-banner,.op-home-resume .container{align-items:stretch;flex-direction:column}.op-resume-btn{width:100%!important;text-align:center}.op-floating-help span{display:none}.op-floating-help{width:48px;height:48px;padding:0;justify-content:center;font-size:1.25rem}.op-checkout-total{font-size:.98rem}}


/* PayMongo Hosted Checkout V2 - customer payment UI */
.op-paymongo-card{margin:1rem 0;padding:1.2rem;border:2px solid #111820;border-radius:12px;background:linear-gradient(180deg,#fffdf1,#fff);box-shadow:0 10px 30px rgba(20,30,40,.08)}
.op-paymongo-card.active{border-color:#d0a900}.op-paymongo-badge{display:inline-block;margin-bottom:.55rem;padding:.32rem .55rem;border-radius:6px;background:#111820;color:#f5c400;font-size:.72rem;font-weight:900;letter-spacing:.07em}.op-paymongo-card h3{margin:.1rem 0 .45rem;font-size:1.35rem}.op-paymongo-card p{line-height:1.6}.op-paymongo-methods{color:#4d5762}.op-paymongo-form{margin:.9rem 0 .55rem}.op-paymongo-btn{width:100%;min-height:58px;padding:.9rem 1rem;border:0;border-radius:9px;background:#f5c400;color:#111;font:inherit;font-size:1.05rem;font-weight:900;cursor:pointer;display:flex;justify-content:center;gap:.6rem;align-items:center}.op-paymongo-btn:hover{background:#ffd42c}.op-paymongo-card small{display:block;color:#68727d;line-height:1.5}.op-manual-payment{margin-top:1rem;border:1px solid #d9dfe5;border-radius:10px;background:#fff}.op-manual-payment summary{cursor:pointer;padding:1rem;display:flex;flex-direction:column;gap:.2rem;list-style:none}.op-manual-payment summary::-webkit-details-marker{display:none}.op-manual-payment summary span{color:#6a7480;font-size:.82rem}.op-manual-payment-body{padding:0 1rem 1rem;border-top:1px solid #e7eaed}.op-paymongo-lock-note{margin-top:1rem}.op-paymongo-return{max-width:720px;margin:4rem auto}.op-paymongo-wait{text-align:center;padding:1.2rem}.op-paymongo-spinner{width:42px;height:42px;margin:0 auto .8rem;border:4px solid #e6e8eb;border-top-color:#111820;border-radius:50%;animation:oppmspin .8s linear infinite}@keyframes oppmspin{to{transform:rotate(360deg)}}
@media(max-width:600px){.op-paymongo-card{padding:1rem}.op-paymongo-btn{font-size:.96rem}.op-manual-payment summary{padding:.85rem}.op-manual-payment-body{padding:0 .85rem .85rem}}

/* 2026-08-20 repeat-print and customer-portal guidance */
.op-reorder-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:16px 18px;border:2px solid #111827;border-left:7px solid #facc15;border-radius:16px;background:#fffdf2;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.op-reorder-banner strong{display:block;font-size:1.05rem}.op-reorder-banner span{display:block;margin-top:4px;color:#475569;line-height:1.5}.op-reorder-banner>a{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#111827;color:#facc15;text-decoration:none;font-weight:900}
.op-repeat-print-card{border:2px solid #facc15;background:#fffdf2}.op-portal-save-card{border-left:6px solid #111827}.op-portal-save-card>small{display:block;margin-top:12px;color:#64748b;line-height:1.5}
@media(max-width:700px){.op-reorder-banner{align-items:stretch;flex-direction:column}.op-reorder-banner>a{text-align:center}}