.crown-payments-dialog { box-sizing:border-box; width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:22px; color:#30281f; background:#f4ead6; border:2px solid #785944; border-radius:12px; font:16px/1.5 system-ui,sans-serif; }
.crown-payments-dialog::backdrop { background:#19131bc9; }
.crown-payments-dialog header,.crown-payments-dialog footer { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.crown-payments-dialog header { flex-wrap:nowrap; }
.crown-payments-dialog header h2 { min-width:0; overflow-wrap:anywhere; }
.crown-payments-dialog h2 { margin:0; font-size:21px; }
.crown-payments-dialog button,.crown-payments-dialog select { box-sizing:border-box; min-height:44px; padding:9px 12px; border:1px solid #785944; border-radius:6px; font:inherit; color:inherit; background:#fff9ee; }
.crown-payments-dialog select { display:block; width:100%; margin-top:6px; }
.crown-payments-dialog label,.crown-payments-dialog select { color:var(--cl-text); }
.crown-payments-dialog select:disabled { color:var(--cl-disabled-text) !important; opacity:1; }
#modal.shop-modal .crown-shop { height:100%; overflow:auto; padding:24px; background:var(--cl-panel); }
#modal.shop-modal [data-crown-payments] { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
#modal.shop-modal .crown-pack { width:min(100%,320px); display:grid; justify-items:center; gap:14px; padding:28px; border:1px solid var(--cl-border-faded); border-radius:2px; background:var(--cl-panel-raised); text-align:center; }
#modal.shop-modal .crown-pack img { width:96px; height:96px; object-fit:contain; }
#modal.shop-modal .crown-pack h2 { margin:0; font:26px Georgia,serif!important; }
#modal.shop-modal .crown-pack p { margin:0; font-size:12px; line-height:1.5; }
#modal.shop-modal .crown-pack-price { font-size:23px!important; font-variant-numeric:tabular-nums!important; }
#modal.shop-modal .crown-pack [data-crown-checkout] { width:100%; min-height:44px; padding:10px 18px; font-size:16px!important; font-weight:600!important; }
.crown-payments-dialog button:not(:disabled) { cursor:pointer; }
.crown-payments-dialog button:disabled { opacity:.6; }
.crown-payments-dialog .crown-test-notice { padding:10px; border:1px solid var(--cl-border-faded); background:var(--cl-panel-secondary); font-weight:650; }
.crown-payments-dialog .crown-order-reference { overflow-wrap:anywhere; font-size:12px; }
@media (max-height:500px) { .crown-payments-dialog { padding:12px; font-size:14px; } .crown-payments-dialog p { margin:8px 0; } }
@media (max-height:500px) {
  #modal.shop-modal .crown-shop { padding:12px; }
  #modal.shop-modal .crown-pack { width:min(100%,490px); grid-template-columns:96px minmax(0,1fr) 110px; gap:8px 16px; padding:18px; }
  #modal.shop-modal .crown-pack img { grid-row:1 / 4; }
  #modal.shop-modal .crown-pack h2 { font-size:23px!important; }
  #modal.shop-modal .crown-pack p { grid-column:2; grid-row:2 / 4; align-self:start; }
  #modal.shop-modal .crown-pack-price { grid-column:3; grid-row:1; font-size:20px!important; }
  #modal.shop-modal [data-crown-checkout] { grid-column:3; grid-row:2 / 4; align-self:center; }
}