/* COLEXFY MAĞAZA — ortak çalışma katmanı stilleri (tema stillerinden bağımsız, cxst- önekli) */
.cxst-sticky{position:fixed;left:0;right:0;z-index:2147481000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--cxst-sticky-bg,#0b0b0b);color:var(--cxst-sticky-fg,#fff);box-shadow:0 -10px 30px rgba(0,0,0,.28);font:600 13px/1.3 Inter,Arial,sans-serif;transition:transform .25s ease,opacity .25s ease}
.cxst-sticky[hidden]{display:none!important}
.cxst-sticky--bottom{bottom:var(--cxst-sticky-offset,0px)}
.cxst-sticky--top{top:0;box-shadow:0 10px 30px rgba(0,0,0,.28);padding-top:calc(10px + env(safe-area-inset-top))}
.cxst-sticky.is-hidden{opacity:0;pointer-events:none;transform:translateY(110%)}
.cxst-sticky--top.is-hidden{transform:translateY(-110%)}
.cxst-sticky__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.92}
.cxst-sticky__btn{flex:0 0 auto;border:0;border-radius:999px;padding:12px 18px;background:var(--cxst-sticky-btn,#e11d2e);color:#fff;font:800 12px/1 Inter,Arial,sans-serif;letter-spacing:.6px;cursor:pointer}
.cxst-live{position:fixed;left:14px;bottom:14px;z-index:2147480000;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.96);color:#172033;font:500 12px/1.2 Inter,Arial,sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.cxst-live[hidden]{display:none!important}
.cxst-live strong{color:#047857}
.cxst-live__dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.15)}
html.cxst-has-sticky .cxst-live{bottom:78px}
.cxst-overlay{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:opacity .2s}
.cxst-overlay.is-on{opacity:1;pointer-events:auto}
.cxst-overlay__card{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:16px;background:#111;color:#fff;font:600 14px/1.3 Inter,Arial,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.cxst-overlay__spin{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:cxstSpin .8s linear infinite}
@keyframes cxstSpin{to{transform:rotate(360deg)}}
.cx-turnstile-runtime{margin:12px 0}
@media(min-width:901px){.cxst-sticky--mobile{display:none!important}}
@media(max-width:900px){.cxst-sticky--desktop{display:none!important}}