.credit-promo{max-width:1180px;margin:12px auto 22px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px 22px;border:1px solid #ceac59;border-radius:12px;background:linear-gradient(120deg,#fff9e8,#f7df9f);color:#652238;box-shadow:0 5px 16px #54231212;font-size:19px;line-height:1.65}.credit-promo strong{font-size:22px}.credit-promo p{margin:3px 0 0}.credit-promo details{max-width:520px}.credit-promo summary{cursor:pointer;font-size:17px;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.credit-promo details p{font-size:16px}.credit-wallet{margin:15px 0 20px;padding:16px 19px;border:1px solid #ceb16e;border-radius:10px;background:#fffaf0}.credit-wallet>p{margin:3px 0 12px}.credit-use{display:flex!important;align-items:center;gap:12px;font-size:20px;font-weight:600;margin:13px 0!important}.credit-use input[type=checkbox]{width:26px!important;height:26px;min-height:26px!important;flex:none}.credit-amounts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;padding-top:14px;border-top:1px solid #ddc893;font-size:18px}.credit-amounts strong{text-align:right;font-size:20px;font-variant-numeric:tabular-nums}.credit-amounts strong:last-child{font-size:25px;color:#7c203b}.credit-order-amounts{padding:13px 16px;border:1px solid #dcc48c;background:#fff9e9;border-radius:8px;margin:14px 0}.credit-order-amounts p{margin:5px 0}.credit-paid{color:#31543a;font-weight:600}.credit-unpaid{color:#8a4a20}.badge.cancelled{background:#fff0ed;color:#893a32;border-color:#d1a9a4}.order-payment-actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.order-payment-actions button{flex:1;min-height:54px}.assisted-credit{margin-top:18px;padding:13px 16px;border:1px solid #d9bf7d;border-radius:8px;background:#fff8e6}.assisted-credit label{display:flex;gap:12px;align-items:center;margin:10px 0;font-size:19px}.assisted-credit input[type=checkbox]{width:25px;min-height:25px;height:25px;flex:none}.assisted-credit p{font-size:17px;margin:4px 0}.order-payment-filter label{margin-top:0}
@media(max-width:760px){.credit-promo{margin:10px 16px 18px;padding:15px 18px;display:block}.credit-promo strong{font-size:20px}.credit-promo details{max-width:none}.credit-promo summary{min-height:44px}.credit-amounts{font-size:17px;gap:8px 12px}.credit-amounts strong{font-size:19px}.credit-amounts strong:last-child{font-size:23px}.order-payment-actions{display:grid}.order-payment-actions button{width:100%}}