/* Renkler ve Inter: docs/MARKA_KILAVUZU.md. Tema stillerinden yalıtılmış vitrin bileşeni. */
.cosmos-popup{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.3);font:14px/1.5 Inter,sans-serif;box-sizing:border-box}
.cosmos-popup__panel{position:relative;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:8px;padding:24px;width:min(100%,440px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
.cosmos-popup__panel h2{font:600 20px/1.4 Inter,sans-serif;color:#0f172a;margin:0 32px 12px 0}
.cosmos-popup__panel p{white-space:pre-wrap;margin:0 0 16px}
.cosmos-popup__panel code{display:block;margin-bottom:16px;color:#0f172a}
.cosmos-popup__close{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;border-radius:4px;background:#fff;color:#334155;font-size:24px;cursor:pointer}
.cosmos-popup__cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:4px;background:#100029;color:#fff!important;text-decoration:none;font-weight:500;box-sizing:border-box}
.cosmos-popup__cta:hover{background:#1a0d38}.cosmos-popup button:focus-visible,.cosmos-popup a:focus-visible{outline:2px solid #0f172a;outline-offset:2px}
.cosmos-popup--notification{inset:auto 0 0 auto;background:transparent;width:min(100%,440px)}
.cosmos-popup--notification_bar{inset:auto 0 0;background:transparent;padding:0}.cosmos-popup--notification_bar .cosmos-popup__panel{width:100%;border-radius:0;padding:16px 56px 16px 24px}