/* Demo vitrini: önizleme sayfası (/demo/<kod>/). demo-gallery.css ile birlikte yüklenir; panel değişkenleri burada tanımlanır. */
body.sc-pvpage{--card:#14161f;--line:#2c3045;--acc:#6366f1;--acc-soft:rgba(99,102,241,.14);--txt:#e5e7eb;--mut:#9aa3b5;--soft:#1d2030;--head:#fff;--on-acc:#fff;margin:0;height:100vh;height:100dvh;overflow:hidden;background:#0b0d12;color:var(--txt);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.sc-pvpage *{box-sizing:border-box}
.sc-pvpage .cms-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:9px;border:1px solid #2c3045;background:#1d2030;color:#fff;font:600 13px/1 inherit;text-decoration:none;cursor:pointer}
.sc-pvpage .cms-btn:hover{border-color:#6366f1}
.sc-pvpage .cms-btn-primary{background:#4f46e5;border-color:#4f46e5}
.sc-pvpage .cms-btn-primary:hover{background:#4338ca}
.sc-pvpage .sc-ghost{background:transparent}
.sc-pvpage #dg-preview{position:static;display:flex;flex-direction:column;height:100%;background:#0b0d12}
.sc-pvpage #dg-preview[hidden]{display:flex}
.sc-bar{background:#14161f;color:#fff;border-bottom:1px solid #20243a}
.sc-r1,.sc-r2{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px}
.sc-r2{padding-top:0}
.sc-back{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 8px;border-radius:9px;color:#c7d2fe;text-decoration:none;font-weight:700;font-size:13px}
.sc-back:hover{background:#1d2030}
.sc-name{font-size:16px;font-weight:800;letter-spacing:-.01em;margin:0 2px 0 0}
.sc-pvpage .dg-pv-bar{display:none}
.sc-bar .dg-pv-meta{margin-right:0}
.sc-bar .sc-spacer{flex:1 1 auto}
.sc-bar .dg-pv-pages{max-width:100%;overflow-x:auto;scrollbar-width:none}
.sc-bar .dg-pv-pages::-webkit-scrollbar{display:none}
.sc-bar .dg-pv-pages button{white-space:nowrap;min-height:30px}
.sc-note{font-size:12px;color:#9aa3b5}
.sc-pvpage .dg-pv-stage{flex:1;min-height:0;padding:12px}
.sc-pvpage .dgc--pv{min-height:0}
.sc-share-ok{font-size:12.5px;color:#86efac}
.sc-hidden{display:none!important}
@media (max-width:900px){
	.sc-pvpage .dg-pv-stage{padding:6px;gap:6px}
	.sc-r1,.sc-r2{padding:6px 10px;gap:8px}
	.sc-r2{padding-top:0}
	.sc-name{font-size:14px}
	.sc-bar .dg-pv-devs{display:flex}
	.sc-bar .dg-pv-pages{display:flex}
	.sc-note{display:none}
	.sc-pvpage .sc-cta-q{display:none}
	.sc-pvpage .dg-pv-var{flex-wrap:wrap}
}
@media (max-width:700px){
	.sc-r1,.sc-r2{padding:6px 8px;gap:6px}
	.sc-back{padding:0 8px 0 4px;min-height:32px}
	.sc-back span:last-child{display:none}
	.sc-pvpage #sc-share{display:none}
	.sc-name{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
	.sc-bar .dg-pv-meta{order:3;flex:1 1 100%;margin:0}
	.sc-cta-s{order:2;min-height:34px;padding:0 12px;font-size:12.5px}
	#sc-share,.sc-bar .sc-spacer,.sc-bar .dg-pv-devs{display:none}
	.sc-bar .dg-pv-pages{order:0;flex:1 1 100%}
	.sc-bar .dg-pv-var{flex:1 1 100%}
	.sc-bar .dg-pv-var select{max-width:110px}
}
/* Yeni yüklenen önizleme çerçevesi hazır olana dek görünmez (yer değiştirme / font geçişi sayfa kararlılığını bozmasın). */
.sc-pvpage .dg-pv-device iframe.dgc-fr-new{visibility:hidden}
.sc-pvpage .dg-pv-device iframe.dgc-fr{transition:none}
@media (max-width:900px){.sc-pvpage #dg-preview:not(.dg-comp-on) .dg-pv-stage::after{content:"";flex:0 0 52px}}
.sc-bar .dg-pv-pages{min-height:37px}.sc-bar .dg-pv-var{min-height:36px}

/* Paket seçimi (Jet Merkez → Demolar kuralları) */
.sc-pkpop{position:fixed;z-index:50;top:56px;right:14px;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 76px);overflow:auto;background:#14161f;border:1px solid #2c3045;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.5);padding:14px}
.sc-pkpop[hidden]{display:none}
.sc-pkpop-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.sc-pkpop-h strong{font-size:15px;color:#fff}
.sc-pkpop-x{width:32px;height:32px;border-radius:8px;border:1px solid #2c3045;background:#1d2030;color:#fff;font-size:18px;line-height:1;cursor:pointer}
.sc-pkpop-l{display:grid;gap:8px}
.sc-pkr{display:grid;gap:3px;padding:12px 14px;border-radius:11px;border:1px solid #2c3045;background:#1a1d2b;color:#e5e7eb;text-decoration:none;transition:border-color .15s,background .15s}
.sc-pkr:hover,.sc-pkr:focus-visible{border-color:#6366f1;background:#1f2235;outline:none}
.sc-pkr-n{font-weight:800;font-size:14.5px;color:#fff}
.sc-pkr-n em{font-style:normal;font-size:11px;font-weight:700;margin-left:6px;padding:2px 8px;border-radius:99px;background:rgba(99,102,241,.2);color:#c7d2fe;vertical-align:1px}
.sc-pkr-t{font-size:12.5px;color:#9aa3b5}
.sc-pkr-p{font-size:13px;color:#cbd5e1}
.sc-pkr-p b{font-size:16px;color:#fff}
.sc-pkr-p small{display:block;font-size:11.5px;color:#9aa3b5}
.sc-pkr-p.is-soon{color:#fbbf24}
.sc-pkr-go{font-size:12.5px;font-weight:700;color:#a5b4fc}
.sc-pkr.is-off{opacity:.7;cursor:default}.sc-pkr.is-off:hover{border-color:#2c3045;background:#1a1d2b}
.sc-off-note{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid #2c3045;border-radius:9px;color:#fbbf24;font-weight:600}
.sc-pkr-w{display:none;font-size:11.5px;color:#fbbf24}
.sc-pkpop.is-custom .sc-pkr[data-dz="0"] .sc-pkr-w{display:block}
.sc-pkpop-f{margin:10px 2px 0;font-size:11.5px;color:#9aa3b5}
@media (max-width:700px){.sc-pkpop{top:auto;bottom:0;right:0;left:0;width:100%;max-height:80dvh;border-radius:16px 16px 0 0}}