.credit-rate{font-size:1.4rem;font-weight:700;color:#f4cd76}.credit-preview{font-size:1.1rem}.credit-buy-panel{margin-top:24px}.credit-buy-panel input[type=number]{width:100%;min-height:48px}.credit-buy-panel .checkbox{margin:20px 0;align-items:flex-start}.purchase-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:1.6rem;margin:22px 0;color:#f4cd76}.purchase-detail h2,.purchase-admin h2{overflow-wrap:anywhere}.purchase-detail dd{overflow-wrap:anywhere}.purchase-check{display:inline-block;margin:12px 0}.purchase-admin{margin-bottom:18px}.purchase-admin form{margin-top:12px}@media(max-width:600px){.purchase-summary{font-size:1.25rem}.purchase-detail .button,.purchase-check,.purchase-check button{width:100%}.purchase-admin .page-title{display:block}.credit-buy-panel{padding:18px}}

.promotion-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#080f1d}
.promotion-image + .campaign-banner{min-height:0;background:none}
.promotion-image + .campaign-banner .campaign-copy{max-width:none;padding:16px 24px}
.promotion-image + .campaign-banner .campaign-copy h2{font-size:22px;max-width:none;margin:6px 0}
.promotion-image + .campaign-banner .campaign-copy p{max-width:none;margin:8px 0 0}
@media(max-width:768px){.promotion-image + .campaign-banner .campaign-copy{padding:12px 16px}.promotion-image + .campaign-banner .campaign-copy h2{font-size:19px}}.settings-panel details{margin:18px 0}.settings-panel details summary{cursor:pointer;padding:12px 0;font-weight:700}

/* Promotion content stays collapsed until the visitor opens More details. */
.campaign-disclosure>summary{display:flex;justify-content:flex-end;align-items:center;min-height:52px;padding:10px 18px;cursor:pointer;list-style:none;border-top:1px solid #ffffff15}
.campaign-disclosure>summary::-webkit-details-marker{display:none}
.campaign-disclosure>summary span{padding:9px 14px;border:1px solid #46546b;border-radius:7px;background:#1a2940;color:#ffe5ab;font-size:13px}
.campaign-disclosure>summary span:after{content:" +"}
.campaign-disclosure[open]>summary span:after{content:" −"}
.campaign-disclosure>summary:focus-visible{outline:2px solid #f3c65c;outline-offset:-3px}
.campaign-detail-body{padding:18px 24px 24px;border-top:1px solid #ffffff15;overflow-wrap:anywhere}
.campaign-detail-body h2{margin:8px 0;font-size:23px;color:#ffe5ab}
.campaign-detail-body h3{font-size:17px;color:#ffe5ab}
.campaign-detail-body p{color:#c2c7d5;line-height:1.7;font-size:14px}
@media(max-width:768px){.campaign-detail-body{padding:15px 16px 20px}.campaign-detail-body h2{font-size:20px}}

.purchase-promo-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.purchase-promo-row select{flex:1;min-width:0;width:auto;margin:0}
.purchase-promo-row button{flex:none;white-space:nowrap;margin:0}
.purchase-promo-row button:disabled{opacity:.45;cursor:not-allowed}
.purchase-promo-dialog{width:min(760px,calc(100vw - 32px));max-height:80vh;box-sizing:border-box;overflow:auto;padding:22px;color:#e7edf8;background:#111d2f;border:1px solid #8c7040;border-radius:14px;box-shadow:0 18px 70px #0009}
.purchase-promo-dialog::backdrop{background:rgba(0,0,0,.72)}
.purchase-promo-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.purchase-promo-modal-head h2{margin:0;color:#ffe5ab;font-size:22px}
.purchase-promo-modal-head button{font-size:24px;min-width:44px;min-height:44px;padding:3px 10px}
.purchase-promo-dialog p{font-size:14px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.purchase-promo-dialog h3{color:#ffe5ab;font-size:18px}
@media(max-width:480px){.purchase-promo-dialog{padding:16px}.purchase-promo-row{gap:6px}.purchase-promo-row button{padding:10px}}

/* WIRA purchase promotion selection */
.credit-buy-panel select[name="promotion_id"]{width:100%;margin:8px 0 12px;}
.credit-buy-panel [data-promo-details]{margin:0 0 12px;}
.purchase-promo-dialog{width:min(640px,calc(100vw - 32px));max-height:80vh;overflow-y:auto;background:#17181c;color:#f6e9cd;border:1px solid #b18a44;border-radius:12px;padding:24px;box-shadow:0 25px 75px #0009;}
.purchase-promo-dialog::backdrop{background:#000b;}
.purchase-promo-dialog .purchase-promo-content{white-space:normal;line-height:1.6;overflow-wrap:anywhere;}
.purchase-promo-dialog .purchase-promo-content p{margin:12px 0;}