/* PixelCity Market: satın alma ve değer grafiği pencereleri (ortalı pencere, kapatma düğmesi, ikonlu içerik) */
.pixel-design .center-dialog[open] {position:fixed!important;inset:0!important;margin:auto!important;height:fit-content;max-height:min(90vh,920px);z-index:1000;}
.pixel-design .center-dialog {box-sizing:border-box;width:min(540px,calc(100% - 24px))!important;max-width:none!important;padding:0!important;border:0!important;border-radius:14px!important;background:#fff!important;color:#3c3f51;box-shadow:0 24px 70px rgba(16,18,28,.45);overflow:auto;overscroll-behavior:contain;}
.pixel-design .center-dialog.is-chart {width:min(900px,calc(100% - 24px))!important;}
.pixel-design .center-dialog::backdrop {background:rgba(20,22,32,.68);backdrop-filter:blur(2px);}
.pixel-design .center-dialog>form[method="dialog"] {position:sticky;top:0;z-index:5;height:0;margin:0;}
.pixel-design .center-dialog-close {position:absolute!important;top:14px;right:14px;display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;float:none!important;padding:0;border:0;border-radius:10px;background:#eaeaea!important;color:#3c3f51!important;font-size:24px!important;line-height:1;cursor:pointer;transition:background .2s,color .2s;}
.pixel-design .center-dialog-close:hover,.pixel-design .center-dialog-close:focus-visible {background:#f27e46!important;color:#fff!important;outline:none;}
.pixel-design #center-dialog-content {padding:22px 24px 24px;}
.pixel-design .center-dialog h2 {margin:0 52px 12px 0!important;color:#3c3f51;font-size:20px;line-height:1.3;}
.pixel-design .center-dialog p {margin:0 0 10px;color:#767986;font-size:13px;line-height:1.6;}
.pixel-design .center-dialog-hero {display:flex;align-items:center;justify-content:center;height:130px;margin:0 0 14px;border-radius:12px;background:#f4f4f7 url("../images/light-isometric-tiles.png") center/auto;}
.pixel-design .center-dialog-hero img {max-width:min(100%,260px);max-height:110px;object-fit:contain;image-rendering:pixelated;}
.pixel-design .center-dialog-subtitle {margin:14px 0 8px;color:#3c3f51;font-size:14px;font-weight:700;}

/* Paket içeriği: ikonlu ödül kartları */
.pixel-design .center-dialog .center-grants {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;margin:0;padding:0;list-style:none;overflow:auto;background:none;}
.pixel-design .center-grant {display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid #ececf0;border-radius:10px;background:#f7f7f9;}
.pixel-design .center-grant-icon {display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;overflow:hidden;border-radius:8px;background:#fff;}
.pixel-design .center-grant-icon img {max-width:40px;max-height:40px;object-fit:contain;image-rendering:pixelated;}
.pixel-design .center-grant--banner .center-grant-icon {width:64px;}
.pixel-design .center-grant--banner .center-grant-icon img {max-width:64px;max-height:44px;object-fit:cover;}
.pixel-design .center-grant-text {display:flex;min-width:0;flex-direction:column;gap:2px;}
.pixel-design .center-grant-text strong {overflow:hidden;color:#3c3f51;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.pixel-design .center-grant-text small {overflow:hidden;color:#767986;font-size:11px;text-overflow:ellipsis;white-space:nowrap;}

/* Toplam ve düğmeler */
.pixel-design .center-dialog .center-total {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#fff1e8;color:#3c3f51;font-size:14px;}
.pixel-design .center-dialog .center-total strong {display:flex;align-items:center;gap:7px;color:#c35f2d;font-size:19px;}
.pixel-design .center-dialog .center-total img {width:22px;height:22px;object-fit:contain;image-rendering:pixelated;}
.pixel-design .center-dialog .center-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.pixel-design .center-dialog .center-actions .btn {min-height:46px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:700;white-space:nowrap;}
.pixel-design .center-dialog .center-actions .btn--secondary {background:#eaeaea;color:#3c3f51;}
.pixel-design .center-dialog .center-actions .btn--primary {background:#59b656;color:#fff;}
.pixel-design .center-dialog .center-actions .btn:hover {filter:brightness(1.06);}
.pixel-design .center-dialog .center-message.error {margin-top:12px;}

/* Değer grafiği */
.pixel-design .center-dialog .center-product-head {display:flex;align-items:center;gap:14px;margin:0 52px 14px 0;}
.pixel-design .center-dialog .center-product-head>img {width:72px;height:72px;flex:none;padding:6px;border-radius:12px;background:#f4f4f7;object-fit:contain;image-rendering:pixelated;box-sizing:border-box;}
.pixel-design .center-dialog .center-product-head h2 {margin:0 0 4px!important;}
.pixel-design .center-dialog .center-product-head p {margin:0;}
.pixel-design .center-dialog .center-product-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.pixel-design .center-dialog .center-metric {display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid #ececf0;border-radius:10px;background:#f7f7f9;}
.pixel-design .center-dialog .center-metric>img {width:24px;height:24px;flex:none;object-fit:contain;image-rendering:pixelated;}
.pixel-design .center-dialog .center-metric>span {display:flex;min-width:0;flex-direction:column;gap:2px;}
.pixel-design .center-dialog .center-metric small {color:#767986;font-size:11px;}
.pixel-design .center-dialog .center-metric strong {overflow:hidden;color:#3c3f51;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.pixel-design .center-dialog .center-chart-period .btn {border-radius:8px;background:#eaeaea;color:#3c3f51;}
.pixel-design .center-dialog .center-chart-period .btn.selected {outline:0;background:#f27e46;color:#fff;}
.pixel-design .center-dialog #center-chart-area {border-radius:12px;overflow:hidden;}
.pixel-design .center-dialog h3 {margin:16px 0 8px;color:#3c3f51;font-size:15px;}

/* Koyu tema */
.pixel-design .app[theme="dark"] .center-dialog {background:#282a34!important;color:#f0f0f6;}
.pixel-design .app[theme="dark"] .center-dialog h2,.pixel-design .app[theme="dark"] .center-dialog h3,.pixel-design .app[theme="dark"] .center-dialog-subtitle,.pixel-design .app[theme="dark"] .center-grant-text strong,.pixel-design .app[theme="dark"] .center-dialog .center-metric strong,.pixel-design .app[theme="dark"] .center-dialog .center-total {color:#f0f0f6;}
.pixel-design .app[theme="dark"] .center-dialog p,.pixel-design .app[theme="dark"] .center-grant-text small,.pixel-design .app[theme="dark"] .center-dialog .center-metric small {color:#adb0be;}
.pixel-design .app[theme="dark"] .center-dialog-close,.pixel-design .app[theme="dark"] .center-dialog .center-actions .btn--secondary,.pixel-design .app[theme="dark"] .center-dialog .center-chart-period .btn:not(.selected) {background:#3c3f51!important;color:#f0f0f6!important;}
.pixel-design .app[theme="dark"] .center-grant,.pixel-design .app[theme="dark"] .center-dialog .center-metric {border-color:#444857;background:#32343f;}
.pixel-design .app[theme="dark"] .center-grant-icon,.pixel-design .app[theme="dark"] .center-dialog-hero,.pixel-design .app[theme="dark"] .center-dialog .center-product-head>img {background-color:#3c3f51;}
.pixel-design .app[theme="dark"] .center-dialog .center-total {background:#3a2d26;}

@media(max-width:620px) {.pixel-design .center-dialog .center-product-stats {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px) {.pixel-design #center-dialog-content {padding:18px 16px 18px;} .pixel-design .center-dialog .center-grants {grid-template-columns:minmax(0,1fr);} .pixel-design .center-dialog-hero {height:110px;}}