/* 用途：僅活動彈窗的手機／桌面布局，不修改UIUX已確認黑金CSS或金融表單。 */
.checkout-campaign-dialog { width: min(880px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; background: #1d1911; color: #fff4d6; border: 1px solid #b99243; border-radius: 16px; box-sizing: border-box; }
.checkout-campaign-dialog::backdrop { background: rgb(0 0 0 / .75); }
.checkout-campaign-dialog .checkout-promotion-toolbar { padding: 16px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; background: #282114; color: #fff4d6; }
.checkout-campaign-dialog h2 { font-size: 1.2rem; margin: 0; }
.checkout-campaign-dialog .checkout-promotion-content { padding: 16px; }
.checkout-campaign-dialog button, .checkout-campaign-dialog a { min-height: 44px; box-sizing: border-box; padding: 10px 14px; font: inherit; }
.checkout-campaign-dialog button { background: #e5bd69; color: #19130a; border: 1px solid #f8da9a; border-radius: 8px; cursor: pointer; }
.checkout-campaign-dialog a { color: #ffdc97; display: inline-flex; align-items: center; }
.checkout-campaign-dialog button:focus-visible, .checkout-campaign-dialog a:focus-visible, .checkout-campaign-dialog input:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.checkout-campaign-dialog .checkout-campaign-image { display: block; width: 100%; max-height: 60vh; object-fit: contain; }
.checkout-campaign-dialog .checkout-campaign-video { display: block; width: 100%; max-height: 60vh; object-fit: contain; }
.checkout-campaign-dialog .checkout-campaign-image[hidden], .checkout-campaign-dialog .checkout-campaign-video[hidden] { display: none; }
.checkout-campaign-copy { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; }
.checkout-campaign-controls { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.checkout-campaign-panel[hidden] { display: none; }
.checkout-campaign-dialog h3 { overflow-wrap: anywhere; }
/* 用途：阻隔原提款頁通用input／button寬度，長活動仍可隨時關閉。 */
body.atas-brand-checkout .checkout-campaign-dialog .checkout-promotion-toolbar { position: sticky; top: 0; z-index: 1; }
body.atas-brand-checkout .checkout-campaign-dialog button { width: auto; flex: 0 0 auto; }
body.atas-brand-checkout .checkout-campaign-dialog .checkout-promotion-snooze { display: inline-flex; align-items: center; gap: 8px; margin: 0; min-height: 44px; }
body.atas-brand-checkout .checkout-campaign-dialog input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; min-width: 18px; padding: 0; margin: 0; flex: 0 0 18px; }
.checkout-campaign-controls [data-campaign-position] { white-space: nowrap; flex: 0 0 auto; min-width: 4ch; text-align: center; }
.atas-brand-payout .checkout-promotion-link { padding: 10px 14px; border: 1px solid #b99243; border-radius: 8px; color: #ffdc97; min-height: 44px; display: inline-flex; align-items: center; box-sizing: border-box; }
@media (max-width: 600px) { .checkout-campaign-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } .checkout-campaign-dialog .checkout-promotion-content { padding: 12px; } }