/* ============================================================
   CASIPOP — ön yüz teması
   bocekbet-lobby.css / royalslot.css üzerine yüklenir; kabuk (header,
   footer, ana sayfa, katalog, bonus, vip, giriş paneli) burada tanımlıdır.
   ============================================================ */
@font-face {
  font-family: 'Casipop Lato';
  src: url('../fonts/casipop/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Casipop Lato';
  src: url('../fonts/casipop/Lato-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/casipop/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/casipop/Lato-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --bg: #151314;
  --bg-2: #171717;
  --panel: #1b1b1b;
  --panel-2: #232323;
  --panel-3: #2c2c2c;
  --border: rgba(255, 255, 255, .08);
  --border-2: rgba(255, 255, 255, .14);
  --text: #ffffff;
  --muted: #a3a3a3;
  --muted-2: #6f6f6f;
  --neon: #f5b400;
  --neon-2: #ffd34d;
  --neon-3: #f5b400;
  --gold: #f5b400;
  --danger: #ff4d5e;
  --cp-amber: #f5b400;
  --cp-amber-2: #ffcb2e;
  --cp-green: #4caf50;
  --cp-green-2: #5bbf5f;
  --cp-head: #151314;
  --cp-radius: 10px;
  --cp-wrap: 1880px;
  --sidebar: 0px;
}

html { scroll-behavior: smooth; }
body.cp-shell *, body.cp-shell *::before, body.cp-shell *::after { box-sizing: border-box; }
body.cp-shell {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Casipop Lato', 'Lato', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.cp-shell .cp-main { flex: 1 0 auto; }
body.cp-shell .app { display: block; }
body.cp-shell .sidebar, body.cp-shell .nav-overlay, body.cp-shell .mobile-nav, body.cp-shell .topbar { display: none !important; }
body.cp-shell .content { margin: 0 auto; max-width: var(--cp-wrap); padding: 24px 30px 40px; }
body.cp-shell img { max-width: 100%; }
.cp-wrap { width: 100%; max-width: var(--cp-wrap); margin: 0 auto; padding: 0 30px; box-sizing: border-box; }
.cp-upper { text-transform: uppercase; }

/* Eski tema butonları — amber */
body.cp-shell .btn-primary,
body.cp-shell.bb-shell .btn-primary {
  background: var(--cp-amber);
  color: #111;
  box-shadow: none;
  border-radius: 6px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .3px;
}
body.cp-shell .btn-primary:hover, body.cp-shell.bb-shell .btn-primary:hover { background: var(--cp-amber-2); color: #111; transform: none; }
body.cp-shell .btn-ghost { background: #2a2a2a; color: #fff; border: 1px solid var(--border-2); border-radius: 6px; }
body.cp-shell .btn-ghost:hover { background: #343434; }

/* ------------------------------------------------------------
   HEADER
   ------------------------------------------------------------ */
.cp-header {
  position: sticky; top: 0; z-index: 900;
  background: #151314;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.cp-header .cp-wrap { max-width: none; padding-left: 28px; padding-right: 24px; }
.cp-header-in { display: flex; align-items: center; height: 80px; gap: 24px; position: relative; }
.cp-logo { display: inline-flex; align-items: center; flex: 0 0 auto; width: 137px; height: 42px; }
.cp-logo img, .cp-logo svg { width: 137px; max-width: 137px; height: 40px; display: block; object-fit: contain; }
.cp-logo svg .frame-start { animation: cpLogoBlinkStart 5s linear infinite; }
.cp-logo svg .frame-end { visibility: hidden; animation: cpLogoBlinkEnd 5s linear infinite; }
@keyframes cpLogoBlinkStart { 0%, 90% { visibility: visible; } 91%, 100% { visibility: hidden; } }
@keyframes cpLogoBlinkEnd { 0%, 90% { visibility: hidden; } 91%, 100% { visibility: visible; } }
.cp-nav { position: absolute; left: 47%; transform: translateX(-50%); display: flex; align-items: center; gap: 0; margin: 0; }
.cp-nav a, .cp-nav button {
  appearance: none; background: none; border: 1px solid transparent; color: #fff; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; font: 300 14px/1 'Casipop Lato', 'Lato', sans-serif; letter-spacing: 0; text-transform: uppercase; text-decoration: none;
  padding: 0 20px; border-radius: 5px; transition: .15s; white-space: nowrap;
}
.cp-nav a:hover, .cp-nav button:hover { color: var(--cp-amber-2); }
.cp-nav a.active { border-color: #fbb203; color: #fff; }
.cp-actions { display: flex; align-items: center; gap: 20px; flex: 0 0 auto; margin-left: auto; }
.cp-header .cp-actions > .cp-btn { min-width: max-content; height: 36px; padding: 0 30px; border-width: 2px; border-style: solid; font-family: 'Casipop Lato', 'Lato', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0; }
.cp-header .cp-actions > .cp-btn-white { border-color: #fff; }
.cp-header .cp-actions > .cp-btn-green { border-color: #33ae33; background: #33ae33; }
.cp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-width: 112px; height: 44px; padding: 0 22px; border-radius: 6px; border: 0; cursor: pointer;
  font: 900 14px/1 'Lato', sans-serif; letter-spacing: .5px; text-transform: uppercase; text-decoration: none; transition: .15s;
}
a.cp-btn-white, .cp-btn-white { background: #fff; color: #111; }
.cp-btn-white:hover { background: #f1f1f1; }
a.cp-btn-green, .cp-btn-green { background: var(--cp-green); color: #fff; }
.cp-btn-green:hover { background: var(--cp-green-2); }
a.cp-btn-amber, .cp-btn-amber { background: var(--cp-amber); color: #111; }
.cp-btn-amber:hover { background: var(--cp-amber-2); }
.cp-btn-dark { background: #262626; color: #fff; border: 1px solid var(--border-2); }
.cp-btn-dark:hover { background: #303030; }
.cp-btn[disabled] { opacity: .6; cursor: not-allowed; }
.cp-burger { display: none; appearance: none; background: #1d1d1d; border: 1px solid var(--border-2); color: #fff; width: 44px; height: 44px; border-radius: 8px; font-size: 18px; cursor: pointer; }

/* giriş yapmış kullanıcı — Casipop hesap alanı */
.cp-member-balance,.cp-member-deposit{display:inline-flex;align-items:center;justify-content:center;width:120px;height:37px;border:0;border-radius:5px;font:700 14px/1 'Casipop Lato','Lato',sans-serif}
.cp-member-balance{background:#fff;color:#111;cursor:pointer}.cp-member-balance:hover{background:#f1f1f1}.cp-member-deposit{background:#2fb13a;color:#fff;cursor:pointer}.cp-member-deposit:hover{background:#36bc42}
.cp-header .bell { position: relative; }
.cp-header .bell-btn { width: 44px; height: 44px; border-radius: 6px; background: #1d1d1d; border: 1px solid var(--border-2); color: #fff; font-size: 16px; cursor: pointer; position: relative; }
.cp-header .bell-badge { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--danger); color: #fff; font-size: 11px; font-weight: 900; display: grid; place-items: center; }
.cp-header .bell-drop { display: none; position: absolute; right: 0; top: calc(100% + 10px); width: 360px; max-height: 70vh; overflow: auto; background: #161616; border: 1px solid var(--border-2); border-radius: 10px; box-shadow: 0 24px 60px rgba(0, 0, 0, .6); z-index: 950; }
.cp-header .bell.open .bell-drop { display: block; }
.cp-header .bell-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--border); font-weight: 900; }
.cp-header .bell-head button { background: none; border: 0; color: var(--cp-amber); font: 700 12px 'Lato', sans-serif; cursor: pointer; }
.cp-header .bell-empty { padding: 26px; text-align: center; color: var(--muted); font-size: 13px; }
.cp-header .bell-item { display: flex; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--border); cursor: default; }
.cp-header .bell-item.has-action { cursor: pointer; }
.cp-header .bell-item.unread { background: rgba(245, 180, 0, .06); }
.cp-header .bell-item .bi { width: 30px; height: 30px; border-radius: 8px; background: #262626; display: grid; place-items: center; color: var(--cp-amber); flex: 0 0 auto; }
.cp-header .bell-item .bt { font-weight: 900; font-size: 13px; }
.cp-header .bell-item .bm { font-size: 12.5px; color: #ddd; margin-top: 2px; }
.cp-header .bell-item .ba { font-size: 11px; color: var(--muted); margin-top: 4px; }
.cp-header .bell-item .dot-un { width: 8px; height: 8px; border-radius: 50%; background: var(--cp-amber); margin-left: auto; align-self: center; }
.cp-header .usermenu{position:relative}.cp-header .usermenu-btn{display:flex;align-items:center;gap:10px;height:42px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.cp-header .usermenu-btn .ava{display:grid!important;place-items:center;width:38px!important;height:38px!important;border:3px solid #fbb400!important;border-radius:50%!important;background:#111!important;color:#fbb400!important;font-size:15px!important;box-shadow:none!important}.cp-header .usermenu-btn .ava i{color:#fbb400!important;font-size:15px!important}.cp-member-caret{font-size:13px;transition:transform .15s}.cp-header .usermenu.open .cp-member-caret{transform:rotate(180deg)}
.cp-header .usermenu-drop{display:none;position:absolute;right:0;top:calc(100% + 11px);width:350px;overflow:hidden;border-radius:10px;background:#100d0d;color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.72);z-index:980}.cp-header .usermenu.open .usermenu-drop{display:block}
.cp-header .cp-user-title{display:flex;align-items:center;justify-content:center;height:50px;background:#fbb400;color:#0e0e0e;text-decoration:none;font-size:17px;font-weight:700}.cp-header .cp-user-title span{margin-left:7px}
.cp-user-stats{background:rgba(0,0,0,.72)!important;background-image:none!important}
.cp-user-stats{padding:12px 15px 10px;background-image:linear-gradient(rgba(4,3,8,.34),rgba(4,3,8,.42)),url('../images/casipop/live/slides/03-midnight-jackpot.jpg');background-position:center,82% center;background-size:cover,auto 100%;background-repeat:no-repeat}.cp-user-stat{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:40px;font-size:13.5px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.72)}.cp-user-stat>span{white-space:nowrap}.cp-user-stat b{font-size:13px;text-align:right}.cp-user-stat b.muted{color:#96949c}.cp-user-stat b.green{color:#30bf38}.cp-user-stat.cp-cashback a{min-width:154px;padding:7px 10px;border-radius:6px;background:#2eb33b;color:#fff;text-align:center;text-decoration:none;text-shadow:none}
.cp-user-foot{display:grid;grid-template-columns:1fr 1fr;height:45px;background:#fbb400}.cp-user-foot a,.cp-user-foot form button{display:flex;align-items:center;gap:8px;width:100%;height:45px;padding:0 15px;border:0;background:transparent;color:#111;text-decoration:none;font:700 14px 'Casipop Lato',sans-serif;cursor:pointer}.cp-user-foot form button{justify-content:flex-end}.cp-user-foot i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(143,103,0,.33);color:#f8c029}

/* Finans penceresi */
.cp-cash-modal{padding-top:50px!important}
body.cp-cash-open{overflow:hidden}.cp-cash-modal[hidden]{display:none!important}.cp-cash-modal{position:fixed;inset:0;z-index:10020;display:grid;align-items:start;justify-items:center;padding:20px}.cp-cash-shade{position:absolute;inset:0;border:0;background:rgba(0,0,0,.86)}.cp-cash-dialog{position:relative;width:min(770px,calc(100vw - 40px));margin-top:0;border-radius:9px 9px 0 0;background:#120d0d;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.65)}.cp-cash-head{height:50px;border-radius:9px 9px 0 0;background:#fbb400}.cp-cash-head button{position:absolute;right:12px;top:8px;width:36px;height:36px;border:0;background:transparent;cursor:pointer}.cp-cash-head button span{position:absolute;left:5px;top:17px;width:27px;height:2px;background:#111;transform:rotate(45deg)}.cp-cash-head button span:last-child{transform:rotate(-45deg)}.cp-cash-body{padding:20px 30px 25px}.cp-cash-tabs{display:flex;align-items:flex-end;gap:0;border-bottom:1px solid #ddd}.cp-cash-tabs button,.cp-cash-tabs a{position:relative;padding:0 10px 9px;border:0;background:transparent;color:#fff;text-decoration:none;font:400 17px 'Casipop Lato',sans-serif;cursor:pointer}.cp-cash-tabs .on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fbb400}.cp-cash-step{display:flex;flex-direction:column;align-items:center}.cp-cash-step strong{margin-top:14px;color:#fbb400;font-size:15px}.cp-cash-step span{margin:7px 0 13px;font-size:15px}.cp-cash-step select{width:278px;height:52px;padding:0 18px;border:2px solid #aaa;border-radius:9px;background:#120d0d;color:#fff;font:400 16px 'Casipop Lato',sans-serif}.cp-cash-rule{height:1px;margin:20px 0;background:#ddd}.cp-cash-step-two{display:grid;grid-template-columns:1fr 1fr;min-height:198px}.cp-cash-step-two>.cp-cash-step{border-right:1px solid #ddd}.cp-cash-limits{display:flex;justify-content:space-between;width:278px;margin-top:16px;font-size:14px}.cp-cash-submit-wrap{display:flex;align-items:center;justify-content:center}.cp-cash-submit{display:flex;align-items:center;justify-content:center;width:116px;height:38px;border-radius:5px;background:#fff;color:#111;text-decoration:none;font-size:13px;font-weight:700}.cp-cash-submit.disabled{pointer-events:none;opacity:.95}.cp-cash-withdraw-copy{max-width:450px;margin:30px auto 10px;color:#c7c7c7;text-align:center;line-height:1.6}
.cp-withdraw-balances{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 25px 3px;font-size:15px}.cp-withdraw-balances span{display:flex;justify-content:space-between}.cp-withdraw-balances b{color:#fbb400;font-weight:400}.cp-withdraw-grid{min-height:252px}.cp-withdraw-grid>.cp-cash-step:last-child{border-right:0}.cp-withdraw-amount input{width:278px;height:52px;padding:0 18px;border:0;border-radius:5px;background:#fff;color:#111;font:400 16px 'Casipop Lato',sans-serif}.cp-withdraw-amount .cp-cash-submit{margin-top:28px}.cp-history-tabs{display:flex;gap:18px;margin-top:25px;border-bottom:1px solid #ddd}.cp-history-tabs button{position:relative;padding:0 10px 8px;border:0;background:transparent;color:#fff;font:400 17px 'Casipop Lato',sans-serif;cursor:pointer}.cp-history-tabs .on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fbb400}.cp-history-empty{display:flex;align-items:center;justify-content:center;min-height:405px;color:#ff8b3d;font-size:14px}.cp-cashback-content{min-height:235px;padding-top:40px}.cp-cashback-claim{display:flex;align-items:center;justify-content:center;width:182px;height:47px;border-radius:5px;background:#2ebd36;color:#fff;text-decoration:none;font-size:16px;font-weight:700}.cp-cashback-rules{display:inline-block;margin-top:16px;color:#fff;font-size:14px}.cp-cashback-dates{display:grid;grid-template-columns:190px 190px;gap:20px;margin-top:21px}.cp-cashback-dates label{font-size:14px}.cp-cashback-dates span{display:flex;align-items:center;justify-content:space-between;height:45px;margin-top:7px;padding:0 10px;border-bottom:1px solid #fbb400;border-radius:5px;background:#fff;color:#111;font-size:17px}.cp-cashback-dates i{color:#a7b0b5}.cp-cashback-content p{margin:20px 0 0;color:#ff8b3d;font-size:14px}

/* Giriş / Üye Ol paneli (header altında sağda açılır) */
.cp-auth {
  position: absolute; right: 24px; top: calc(100% + 10px); width: 370px; z-index: 960;
  max-height: calc(100vh - 85px); overflow-y: auto; background: #151211; border: 0; border-radius: 5px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .7); transform-origin: top; animation: cpAuthOpen .4s linear;
}
@keyframes cpAuthOpen { from { opacity: 0; transform: rotateX(-90deg); } to { opacity: 1; transform: rotateX(0); } }
.cp-auth[hidden] { display: none; }
.cp-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--cp-green); }
.cp-auth-tabs button { appearance: none; min-height: 45px; margin: 0 5px; background: #151211; border: 0; color: #fff; padding: 5px 10px; font: 700 16px 'Casipop Lato', 'Lato', sans-serif; cursor: pointer; border-radius: 5px; }
.cp-auth-tabs button.on { background: var(--cp-green); }
.cp-auth-pane { padding: 10px 20px; }
.cp-auth-pane[hidden] { display: none; }
.cp-field { margin-bottom: 8px; }
.cp-field label { display: block; color: #acacac; font-size: 14px; font-weight: 300; margin-bottom: 7px; }
.cp-field .cp-inwrap { position: relative; }
.cp-field input, .cp-field select {
  width: 100%; height: 45px; box-sizing: border-box; border-radius: 5px; border: 2px solid transparent; background: #fff; color: #111;
  padding: 0 14px; font: 400 16px 'Casipop Lato', 'Lato', sans-serif; outline: none; transition: .15s;
}
.cp-field input::placeholder { color: #8a8a8a; }
.cp-field input:focus, .cp-field select:focus { border-color: var(--cp-amber); }
.cp-field .cp-inwrap.err input { border-color: var(--danger); }
.cp-field .toggle-pass { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: #555; cursor: pointer; font-size: 15px; }
.cp-field .cp-prefix { position: absolute; left: 0; top: 0; height: 45px; display: flex; align-items: center; padding: 0 12px; color: #111; font-weight: 700; border-right: 1px solid #ddd; }
.cp-field input.has-prefix { padding-left: 60px; }
.cp-field .field-err { display: none; color: var(--danger); font-size: 12px; margin-top: 5px; }
.cp-field .field-err.show { display: block; }
.cp-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cp-row-3 { grid-template-columns: 110px 1fr; }
.cp-check { display: flex; align-items: center; gap: 10px; color: #ddd; font-size: 14px; font-weight: 300; margin: 6px 0; cursor: pointer; }
.cp-check input { width: 20px; height: 20px; accent-color: var(--cp-amber); margin: 0; }
.cp-check a { color: #fff; text-decoration: underline; }
.cp-auth .form-alert { display: none; background: rgba(255, 77, 94, .12); border: 1px solid rgba(255, 77, 94, .4); color: #ffb3ba; font-size: 13px; padding: 9px 12px; border-radius: 6px; margin-bottom: 12px; }
.cp-auth .form-alert.show { display: block; }
.cp-auth-submit { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 8px; }
.cp-auth-submit .cp-btn { min-width: 110px; height: 42px; font-family: 'Casipop Lato', 'Lato', sans-serif; font-weight: 700; }
.cp-auth-link { color: #bbb; font-size: 14px; text-decoration: underline; background: none; border: 0; cursor: pointer; font-family: inherit; }
.cp-auth-link:hover { color: #fff; }
.cp-sms-row { background: #161616; border: 1px dashed var(--border-2); border-radius: 6px; padding: 10px; margin-bottom: 14px; }
.cp-sms-row .btn { height: 36px; padding: 0 12px; font-size: 12px; }

/* Mobil çekmece */
.cp-drawer { position: fixed; inset: 0 auto 0 0; width: 300px; max-width: 86vw; background: #111; z-index: 1200; transform: translateX(-100%); transition: transform .22s; padding: 18px; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; overflow: auto; }
.cp-drawer-ov { position: fixed; inset: 0; background: rgba(0, 0, 0, .6); z-index: 1150; opacity: 0; visibility: hidden; transition: .2s; }
body.nav-open .cp-drawer { transform: none; }
body.nav-open .cp-drawer-ov { opacity: 1; visibility: visible; }
.cp-drawer a, .cp-drawer button.cp-drawer-item { display: flex; align-items: center; gap: 12px; padding: 13px 12px; border-radius: 8px; color: #fff; text-decoration: none; font: 900 15px 'Lato', sans-serif; text-transform: uppercase; background: none; border: 0; text-align: left; cursor: pointer; }
.cp-drawer a i, .cp-drawer button.cp-drawer-item i { width: 20px; color: var(--cp-amber); text-align: center; }
.cp-drawer a.active { background: #1e1e1e; }
.cp-drawer .cp-drawer-logo { padding: 6px 8px 14px; }
.cp-drawer .cp-drawer-logo img, .cp-drawer .cp-drawer-logo svg { display: block; width: 110px; height: 32px; object-fit: contain; }
.cp-drawer .cp-drawer-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }

/* ------------------------------------------------------------
   SLIDER
   ------------------------------------------------------------ */
.cp-slider { position: relative; overflow: hidden; border-radius: var(--cp-radius); aspect-ratio: 1920 / 460; background: #1b1b1b; margin-top: 0; }
.cp-slider .cp-track { display: flex; height: 100%; transition: transform .5s ease; }
.cp-slide { position: relative; flex: 0 0 100%; height: 100%; display: block; text-decoration: none; color: #fff; background-size: cover; background-position: center; }
.cp-slide .cp-slide-copy { position: absolute; left: 6%; top: 50%; transform: translateY(-50%); max-width: 46%; }
.cp-slide h2 { margin: 0 0 10px; font-size: clamp(28px, 5.4vw, 104px); line-height: .95; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; text-shadow: 0 6px 24px rgba(0, 0, 0, .45); }
.cp-slide p { margin: 0 0 18px; font-size: clamp(13px, 1.5vw, 28px); font-weight: 700; color: #ffe08a; text-shadow: 0 2px 10px rgba(0, 0, 0, .5); }
.cp-slide .cp-slide-cta { display: inline-flex; align-items: center; justify-content: center; height: clamp(34px, 2.4vw, 46px); padding: 0 clamp(14px, 1.6vw, 30px); border-radius: 6px; background: var(--cp-amber); color: #111; font: 900 clamp(12px, 1vw, 16px) 'Lato', sans-serif; letter-spacing: .4px; text-transform: uppercase; }
.cp-slide .cp-slide-copy-only { left: 50%; top: 52%; max-width: none; transform: translate(-50%, -50%); }
.cp-slide.has-img .cp-slide-copy { left: 46%; max-width: 40%; }
.cp-dots { position: absolute; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 9px; z-index: 3; }
.cp-dots span { width: 13px; height: 13px; border: 1px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; transition: .15s; }
.cp-dots span.on { border-color: var(--cp-amber); background: var(--cp-amber); }

/* ------------------------------------------------------------
   ANA SAYFA
   ------------------------------------------------------------ */
.cp-address { margin: 10px 0 -10px; padding: 12px; overflow: hidden; border: 1px solid #333; border-right: 3px solid #fbb203; border-left: 3px solid #fbb203; border-radius: 10px; background: #242223; color: #fff; text-align: center; font-size: 18px; }
.cp-address > a { color: #fff; text-decoration: none; }
.cp-address strong { margin-left: 5px; padding: 2px 10px; border-radius: 14px; background: #fbb203; color: #000; font-size: 17px; font-weight: 700; }
.cp-address span { padding-left: 5px; }
.cp-cards { display: grid; grid-template-columns: 2.2fr 1fr 1fr; gap: 17px; margin: 30px 0 20px; }
.cp-card { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 200px; overflow: hidden; border: 1px solid #262425; border-radius: 10px; background-color: #1b1b1b; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; text-decoration: none; user-select: none; }
.cp-card::after { content: ''; position: absolute; z-index: 1; inset: 0; background: rgba(0,0,0,.12); pointer-events: none; }
.cp-card-telegram { background-image: url('../images/casipop/live/home/telegram.jpeg'); }
.cp-card-vip { background-image: url('../images/casipop/live/home/vip.jpeg'); }
.cp-card-mobile { background-image: url('../images/casipop/live/home/app.jpg'); }
.cp-card .cp-card-btn { position: absolute; z-index: 2; left: 50%; bottom: 15px; transform: translateX(-50%); padding: 5px 40px 5px 15px; border-radius: 17px; background: rgba(0,0,0,.6); color: #fff; font: 700 20px/1.25 'Casipop Lato', 'Lato', sans-serif; text-transform: uppercase; text-shadow: none; white-space: nowrap; transition: background .15s ease; }
.cp-card .cp-card-btn::after { content: '➔'; position: absolute; top: 4px; right: 15px; width: 20px; height: 20px; transition: right .15s ease, color .15s ease; }
.cp-card:hover { border-color: #333; }
.cp-card:hover .cp-card-btn { background: rgba(0,0,0,.8); }
.cp-card:hover .cp-card-btn::after { right: 10px; color: #fbb203; }
.cp-jackpot { width: 100%; min-height: auto; margin: 0; padding: 15px 30px 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; }
.cp-jackpot-head { display: flex; align-items: center; }
.cp-jackpot-head strong { margin-bottom: 20px; color: #fff; font-size: 1.8rem; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
.cp-jackpot-grid { display: grid; align-items: center; justify-items: center; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-areas: "diamond gold logo silver bronze"; gap: 20px; }
.cp-jackpot-item { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 345px; height: 77px; min-height: 0; padding: 0; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: contain; filter: none; }
.cp-jackpot-item.diamond { grid-area: diamond; }
.cp-jackpot-item.gold { grid-area: gold; }
.cp-jackpot-item.silver { grid-area: silver; }
.cp-jackpot-item.bronze { grid-area: bronze; }
.cp-jackpot-brand { grid-area: logo; align-self: center; justify-self: center; width: 100%; max-width: 258px; height: auto; max-height: 77px; object-fit: contain; }
.cp-jackpot-amount { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 5px; width: 100%; padding-left: 80px; color: #fbb203; font-size: 2.4rem; font-weight: 600; line-height: 1; white-space: nowrap; text-shadow: 0 2px 6px rgba(0,0,0,.45); }
.cp-jackpot-amount strong { color: inherit; font: inherit; font-variant-numeric: tabular-nums; }
@media (min-width: 1024px) and (max-width: 1201px) { .cp-jackpot-amount { padding-left: 40px; font-size: 1.8rem; } }
@media (min-width: 1631px) { .cp-jackpot-brand { margin-bottom: 20px; } }
.cp-sec-title { margin: 26px 0 16px; font-size: 18px; font-weight: 700; letter-spacing: .2px; text-transform: uppercase; color: #fff; }
.cp-winners { overflow: hidden; min-height: 85px; background: #262425; border-radius: 10px; padding: 0 15px; }
.cp-winner-track { display: flex; width: max-content; min-width: 100%; transform: translate3d(0, 0, 0); will-change: transform; }
.cp-winner { position: relative; display: grid; grid-template-columns: 86px minmax(0, 1fr); flex: 0 0 calc((100vw - 90px) / 4); max-width: 455px; min-width: 300px; gap: 15px; align-items: center; padding: 0 30px; min-height: 115px; }
.cp-winner::before { content: ''; position: absolute; top: 10%; left: 0; width: 2px; height: 90%; border-radius: 3px; background: #5b5659; }
.cp-winner img { width: 86px; height: 86px; object-fit: cover; border-radius: 10px; background: #222; }
.cp-winner-data { min-width: 0; }
.cp-winner-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 5px; font-size: 16px; line-height: 1.25; }
.cp-winner .cp-w-user { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cp-winner .cp-w-amt { flex: 0 0 auto; color: #fbb203; white-space: nowrap; }
.cp-winner .cp-w-game { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp-winner .cp-w-game i { position: relative; display: block; flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; background: #fbb203; }
.cp-winner .cp-w-game i::after { content: ''; position: absolute; top: 4px; left: 3px; width: 5px; height: 5px; border: 1px solid #000; border-left: 0; border-bottom: 0; transform: rotate(45deg); }
.cp-shelf { display: grid; grid-template-columns: 260px 1fr; gap: 24px; background: #1b1b1b; border-radius: 12px; padding: 16px; margin: 22px 0; }
.cp-shelf-tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-height: 420px; border-radius: 10px; background: #111 center/cover no-repeat; padding: 50px 16px 22px; text-align: center; }
.cp-shelf-tile h2 { margin: 0; font-size: 22px; font-weight: 900; letter-spacing: .3px; text-transform: uppercase; text-shadow: 0 2px 12px rgba(0, 0, 0, .6); }
.cp-shelf-tile .cp-tile-ico { font-size: 96px; color: var(--cp-amber); filter: drop-shadow(0 8px 20px rgba(245, 180, 0, .35)); }
.cp-shelf-tile .cp-btn { height: 38px; min-width: 130px; font-size: 12px; }
.cp-shelf-tile.live { justify-content: flex-start; gap: 0; }
.cp-shelf-tile.live .cp-btn { margin-top: auto; }

/* Oyun kartı (ana sayfa / katalog) */
.cp-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.cp-gcard { position: relative; display: block; aspect-ratio: 13 / 10; border-radius: 10px; overflow: hidden; background: url('../images/casipop/logo-original.svg') center/52% auto no-repeat, linear-gradient(145deg, #252122, #141112 72%); text-decoration: none; color: #fff; cursor: pointer; }
.cp-gcard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.cp-gcard .cp-g-ov { position: absolute; inset: 0; z-index: 2; display: block; background: rgba(28, 26, 25, .55); opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; }
.cp-gcard:hover .cp-g-ov { opacity: 1; }
.cp-gcard:hover .cp-g-ov, .cp-gcard:focus-visible .cp-g-ov { visibility: visible; }
.cp-gcard:focus-visible .cp-g-ov { opacity: 1; }
.cp-gcard .cp-g-name { position: absolute; left: 5%; right: 5%; top: calc(50% - 10px); transform: translateY(-50%); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.1; text-align: center; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp-g-actions { position: absolute; left: 4%; right: 4%; bottom: 4.8%; height: 17.6%; display: flex; gap: 7.5%; }
.cp-g-actions > span { display: flex; flex: 1 1 0; align-items: center; justify-content: center; border-radius: 6px; color: #070707; font-size: 11px; font-weight: 700; line-height: 1; }
.cp-g-action-play { background: #f0b53f; }
.cp-g-action-demo { background: #8793a0; }
.cp-gcard .cp-g-fav { position: absolute; top: 8px; right: 8px; z-index: 3; width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .6); color: #fff; font-size: 13px; cursor: pointer; opacity: 0; transition: .15s; display: grid; place-items: center; }
.cp-gcard:hover .cp-g-fav, .cp-gcard .cp-g-fav.on { opacity: 1; }
.cp-gcard .cp-g-fav.on { color: #ff4d6d; }
.cp-gcard .cp-g-live { position: absolute; top: 8px; left: 8px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 4px; background: rgba(0, 0, 0, .7); font-size: 10px; font-weight: 900; letter-spacing: .5px; }
.cp-gcard .cp-g-live i { width: 7px; height: 7px; border-radius: 50%; background: #ff405f; box-shadow: 0 0 8px #ff405f; }
.cp-gcard .cp-g-new { position: absolute; top: 8px; right: 8px; z-index: 3; padding: 4px 8px; border-radius: 4px; background: var(--cp-amber); color: #111; font-size: 10px; font-weight: 900; }
.cp-gcard.no-img img { display: none; }
.cp-gcard .cp-g-fb { position: absolute; inset: 0; z-index: 1; display: none; align-items: flex-end; padding: 12px; font-weight: 700; font-size: 14px; line-height: 1.25; background: linear-gradient(transparent 55%, rgba(0,0,0,.7)); text-shadow: 0 2px 8px rgba(0, 0, 0, .8); }
.cp-gcard.no-img .cp-g-fb { display: flex; }
.cp-grid-empty { grid-column: 1 / -1; padding: 60px 20px; text-align: center; color: var(--muted); background: #1b1b1b; border-radius: 10px; font-size: 15px; }
.cp-grid-empty i { display: block; font-size: 34px; color: var(--cp-amber); margin-bottom: 12px; }

/* ------------------------------------------------------------
   KATALOG (casino / canlı casino)
   ------------------------------------------------------------ */
.cp-catbar { display: flex; align-items: center; gap: 18px; margin: 10px 0; }
.cp-cats { display: flex; gap: 0; overflow-x: auto; scrollbar-width: none; flex: 1 1 auto; min-width: 0; padding-bottom: 4px; }
.cp-cats::-webkit-scrollbar { display: none; }
.cp-cat { appearance: none; background: none; border: 0; color: #fff; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; min-width: 0; flex: 0 0 auto; font: 700 14px 'Casipop Lato', 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 0; white-space: nowrap; transition: .15s; }
.cp-cat i { font-size: 34px; line-height: 1; }
.cp-cat-brand { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: #fff; color: #151211; font-size: 25px; font-weight: 900; line-height: 1; }
.cp-live .cp-cat-brand { background: transparent; color: #fff; font-size: 42px; }
.cp-cat img { height: 34px; width: auto; }
.cp-cat:hover { background: #1c1c1c; }
.cp-cat.on { color: var(--cp-amber); }
.cp-cat.on i { color: var(--cp-amber); }
.cp-cat-more { flex: 0 0 auto; background: none; border: 0; color: #fff; font-size: 22px; cursor: pointer; padding: 0 6px; }
.cp-cattools { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.cp-provsel { position: relative; }
.cp-provsel > button { display: inline-flex; align-items: center; gap: 10px; height: 36px; padding: 0 18px; border-radius: 6px; border: 0; background: var(--cp-amber); color: #111; font: 700 14px 'Casipop Lato', 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 0; cursor: pointer; }
.cp-provsel > button i:first-child { font-size: 16px; }
.cp-provsel > button i:last-child { font-size: 11px; }
.cp-provlist { display: none; position: absolute; right: 0; top: calc(100% + 8px); width: 320px; max-height: 420px; overflow: auto; background: #161616; border: 1px solid var(--border-2); border-radius: 10px; box-shadow: 0 24px 60px rgba(0, 0, 0, .6); z-index: 50; padding: 6px; }
.cp-provsel.open .cp-provlist { display: block; }
.cp-provlist button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 6px; background: none; color: #fff; font: 700 13.5px 'Lato', sans-serif; cursor: pointer; text-align: left; }
.cp-provlist button:hover, .cp-provlist button.on { background: #242424; color: var(--cp-amber); }
.cp-provlist button img { height: 18px; width: 46px; object-fit: contain; }
.cp-provlist button b { margin-left: auto; color: var(--muted); font-size: 12px; font-weight: 400; }
.cp-search { position: relative; }
.cp-search input { width: 200px; height: 36px; box-sizing: border-box; border-radius: 6px; border: 0; background: #fff; color: #111; padding: 0 38px 0 16px; font: 500 15px 'Lato', sans-serif; outline: none; }
.cp-search input::placeholder { color: #8a8a8a; }
.cp-search i { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #333; font-size: 16px; }
.cp-search button { position: absolute; right: 38px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: #777; cursor: pointer; }
.cp-search button[hidden] { display: none; }
.cp-more { display: flex; justify-content: center; margin: 26px 0 10px; }
.cp-more .cp-btn { height: 44px; padding: 0 36px; }
.cp-catalog-empty { padding: 70px 20px; text-align: center; color: var(--muted); font-size: 15px; }
.cp-catalog-empty i { display: block; font-size: 36px; color: var(--cp-amber); margin-bottom: 12px; }

/* ------------------------------------------------------------
   BONUSLAR
   ------------------------------------------------------------ */
.cp-page-title { margin: 30px 0 20px; padding: 15px; text-align: center; font-size: 32px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }
.cp-bonus-wrap { max-width: 1400px; margin: 0 auto; padding: 0 20px 50px; }
.cp-bonuses { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 30px; }
.cp-bonus { border: 2px solid #fbb203; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; align-items: center; background: #1b1817; }
.cp-bonus img { width: 100%; aspect-ratio: 100 / 66; object-fit: cover; border-radius: 0; display: block; }
.cp-bonus h3 { margin: 0; padding: 10px 15px; text-align: center; color: #fbb203; font-size: 16px; font-weight: 500; line-height: normal; text-transform: uppercase; }
.cp-bonus .cp-bonus-acts { display: flex; flex-direction: column; gap: 10px; margin-top: auto; padding-top: 10px; width: 100%; max-width: 160px; }
.cp-bonus .cp-btn { height: 34px; min-width: 0; width: 100%; font-size: 14px; font-weight: 400; border-radius: 4px; }
.cp-bonus-empty { grid-column: 1 / -1; text-align: center; padding: 50px; color: var(--muted); }

/* Canlı sitedeki bonus koşulları penceresi */
body.cp-shell #promoDetailModal {
  position: fixed; inset: 0; z-index: 2200; display: none; align-items: flex-start; justify-content: center;
  width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 50px 15px;
  background: rgba(21, 18, 17, .9); animation: cpPromoFade .3s ease;
}
body.cp-shell #promoDetailModal.open { display: flex; }
@keyframes cpPromoFade { from { opacity: 0; } to { opacity: 1; } }
body.cp-shell #promoDetailModal .promo-detail {
  position: relative; display: flex; flex: 0 0 auto; flex-direction: column; width: 600px; max-width: 100%;
  margin: 0; overflow: hidden; border: 0; border-radius: 10px; outline: 0; background: #151211; color: #fff;
  box-shadow: none; transform: none;
}
.cp-promo-modal-head {
  position: relative; display: flex; flex: 0 0 auto; align-items: center; justify-content: center;
  width: 100%; min-height: 50px; padding: 15px 50px; background: #fbb203;
}
.cp-promo-modal-head h2 { width: 100%; margin: 0 20px; color: #000; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; text-transform: none; }
.cp-promo-modal-close { position: absolute; z-index: 2; top: 15px; right: 15px; width: 20px; height: 20px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.cp-promo-modal-close svg { display: block; width: 100%; height: 100%; fill: none; stroke: #000; stroke-width: 2.5; }
.cp-promo-modal-body { padding: 15px 30px 0; color: #fff; font-size: 16px; font-weight: 400; line-height: 1.48; text-align: left; }
.cp-promo-modal-body h3 { margin: 0 0 30px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.25; text-align: left; }
.cp-promo-modal-body h4 { margin: 15px 0; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.35; }
.cp-promo-modal-body p { margin: 0 0 15px; color: #fff; font-size: 16px; line-height: 1.48; }
.cp-promo-modal-body b, .cp-promo-modal-body strong { font-weight: 700; }
.cp-promo-modal-body hr { height: 0; margin: 16px 0; border: 0; border-top: 1px solid rgba(255,255,255,.12); }
.cp-promo-modal-body .cp-promo-centered, .cp-promo-modal-body .cp-promo-centered h3 { text-align: center; }
.cp-promo-modal-body .cp-promo-centered h3 { margin-bottom: 15px; }
.cp-promo-modal-foot { display: flex; justify-content: center; padding: 0 30px 30px; }
.cp-promo-modal-foot button { min-width: 120px; padding: 10px 30px; border: 0; border-radius: 0; background: #fbb203; color: #000; font: 700 13px/1 'Casipop Lato', 'Lato', sans-serif; cursor: pointer; }
.cp-promo-modal-foot button:hover { background: #ffc126; }

/* ------------------------------------------------------------
   VIP PROGRAMI
   ------------------------------------------------------------ */
.cp-vip-wrap { max-width: 1370px; margin: 0 auto; padding: 6px 20px 60px; }
.cp-vip-intro { background: #1b1b1b; border-radius: 10px; padding: 16px 20px 23px; text-align: left; }
.cp-vip-intro h1 { margin: 0 0 14px; text-align: center; color: var(--cp-amber); font-size: 18px; font-weight: 700; line-height: 1.35; }
.cp-vip-intro p { margin: 0 0 14px; font-size: 14px; line-height: 1.42; color: #f1f1f1; }
.cp-vip-intro p:last-child { margin-bottom: 0; }
.cp-vip-pill { display: flex; justify-content: center; margin: -16px 0 28px; }
.cp-vip-pill span { display: inline-block; padding: 7px 18px; border-radius: 999px; background: #080808; color: #aaa; font-size: 14px; }
.cp-vip-sec { background: #15100f; border-radius: 0; padding: 24px 36px 70px; margin-bottom: 20px; min-height: 330px; box-sizing: border-box; }
.cp-vip-head { display: grid; grid-template-columns: 66px 1fr; gap: 12px; align-items: center; max-width: 1050px; margin: 0 auto 52px; }
.cp-vip-num { width: 66px; height: 66px; border-radius: 50%; background: #ffa412; color: #111; display: grid; place-items: center; font-size: 22px; font-weight: 900; position: relative; }
.cp-vip-num::after { content: ''; position: absolute; left: 17px; right: 17px; bottom: 13px; height: 12px; border: 4px solid #111; border-top: 0; border-radius: 0 0 40px 40px; }
.cp-vip-head h2 { margin: 0 0 5px; color: #ffa412; font-size: 25px; font-weight: 400; }
.cp-vip-head p { margin: 0; max-width: 320px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.35; }
.cp-vip-table { display: grid; grid-template-columns: repeat(5, 1fr); max-width: 1050px; margin: 0 auto; overflow: hidden; }
.cp-vip-head, .cp-vip-table { transform: translateX(75px); }
.cp-vip-col .v { background: #1f1f1f; padding: 18px 8px 24px; text-align: center; font-size: 23px; font-weight: 700; }
.cp-vip-col .l { padding: 10px 8px; text-align: center; font-size: 15px; font-weight: 400; text-transform: uppercase; line-height: 1.15; color: var(--tier) !important; text-shadow: 0 1px 2px rgba(0,0,0,.5); background: linear-gradient(180deg, #1d1d1d 0%, color-mix(in srgb, var(--tier) 62%, #1f1f1f) 100%); }
.cp-vip-col .l small { display: block; font-size: 15px; font-weight: 700; }

/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */
.cp-footer { background: #1c1a19; margin-top: 20px; padding: 20px 0; }
.cp-foot-top { display: grid; grid-template-columns: 19.4667% 32.213% 4.893% 20.133% 3.56% 19.7333%; gap: 0; align-items: start; max-width: 1170px; margin: 0 auto; padding: 0 15px 15px 30px; box-sizing: border-box; }
.cp-foot-email { grid-column: 1; }
.cp-foot-col:nth-of-type(2) { grid-column: 2; }
.cp-foot-col:nth-of-type(3) { grid-column: 4; }
.cp-foot-right { grid-column: 6; }
.cp-foot-email .lbl { color: #8493a1; opacity: .5; font-size: 14px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; }
.cp-foot-email a.mail { color: var(--cp-amber); text-decoration: none; font-size: 14px; font-weight: 400; }
.cp-foot-email .cp-tg { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 5px; background: #2aabee; color: #fff; font-size: 20px; margin-top: 20px; text-decoration: none; }
.cp-foot-col h4 { margin: 0; color: var(--cp-amber); font-size: 20px; font-weight: 600; padding-bottom: 20px; }
.cp-foot-col .ul { height: 2px; background: var(--cp-amber); margin-bottom: 20px; }
.cp-foot-col a { display: block; color: #fff; text-decoration: none; font-size: 16px; font-weight: 400; margin-bottom: 15px; }
.cp-foot-col a:hover { color: var(--cp-amber-2); }
.cp-foot-operated { grid-column: 2 / -1; margin: 0; padding: 0 0 20px; color: #8493a1; font-size: 10px; font-weight: 400; line-height: 1.15; }
.cp-foot-operated p { margin: 0; }
.cp-foot-right { display: flex; align-items: center; justify-content: flex-end; gap: 20px; }
.cp-18, .cp-lic-badge { width: 37px; height: 37px; display: grid; place-items: center; flex: 0 0 37px; border: 0; }
.cp-18 img, .cp-lic-badge img { display: block; width: 37px; height: 37px; object-fit: contain; }
.cp-lang { display: inline-flex; align-items: center; justify-content: space-between; width: 105px; height: 35px; padding: 5px; box-sizing: border-box; border: 2px solid #8493a1; border-radius: 10px; color: #fff; font-weight: 700; font-size: 14px; line-height: 1; background: transparent; }
.cp-lang img { display: block; width: 18px; height: 18px; border-radius: 0; object-fit: contain; }
.cp-lang span { margin-left: 10px; text-transform: uppercase; }
.cp-lang-arrow { display: block; flex: 0 0 8px; margin: 0 3px 0 auto; }
.cp-foot-lic { max-width: 1390px; margin: 0 auto; padding: 0 15px 20px; }
.cp-foot-lic p { margin: 0; color: #8493a1; font-size: 10px; line-height: 1.5; text-align: center; font-weight: 400; }
.cp-foot-pay { display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #444; max-width: 1140px; box-sizing: border-box; }
.cp-foot-pay span { display: inline-flex; flex: 0 0 65px; width: 65px; height: 39px; align-items: flex-start; justify-content: center; }
.cp-foot-pay img { display: block; width: 65px; height: 35px; max-width: 65px; max-height: 35px; object-fit: contain; }
.cp-foot-prov { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 40px; row-gap: 15px; max-width: 1060px; margin: 0 auto; padding: 20px 0 0; }
.cp-foot-provider { display: flex; flex: 0 0 60px; max-width: 60px; height: 60px; align-items: center; justify-content: center; padding: 0; }
.cp-foot-provider img { display: block; width: 100%; height: 100%; object-fit: contain; opacity: 1; filter: brightness(0) invert(73%); }
.cp-foot-bottom { display: none; }

/* toast (auth.js) — koyu */
body.cp-shell .toast { font-family: 'Lato', sans-serif; }

/* ------------------------------------------------------------
   DUYARLI
   ------------------------------------------------------------ */
@media (max-width: 1500px) {
  .cp-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cp-bonuses { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1280px) {
  .cp-nav a, .cp-nav button { padding: 12px 12px; font-size: 14px; }
  .cp-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cp-winner { flex-basis: calc((100vw - 60px) / 3); }
  .cp-foot-top { grid-template-columns: 19.4667% 32.213% 4.893% 20.133% 3.56% 19.7333%; }
  .cp-vip-head, .cp-vip-table { transform: none; }
}
@media (max-width: 1050px) {
  .cp-nav { display: none; }
  .cp-burger { display: inline-grid; place-items: center; }
  .cp-cards { grid-template-columns: 1fr 1fr; }
  .cp-cards .cp-card:first-child { grid-column: 1 / -1; }
  .cp-shelf { grid-template-columns: 1fr; }
  .cp-shelf-tile { min-height: 150px; padding: 22px 16px; flex-direction: row; gap: 16px; }
  .cp-shelf-tile .cp-tile-ico { font-size: 40px; }
  .cp-shelf-tile.live { flex-direction: row; }
  .cp-shelf-tile.live .cp-btn { margin: 0 0 0 auto; }
  .cp-bonuses { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .cp-foot-top { grid-template-columns: 1fr 1fr; }
  .cp-foot-email, .cp-foot-col:nth-of-type(2), .cp-foot-col:nth-of-type(3), .cp-foot-right { grid-column: auto; }
  .cp-foot-operated { grid-column: 1 / -1; }
  .cp-foot-right { justify-content: flex-start; }
  .cp-vip-table { grid-template-columns: repeat(5, 1fr); }
  .cp-vip-col .v { font-size: 18px; padding: 18px 6px; }
  .cp-vip-col .l { font-size: 13px; }
}
@media (max-width: 760px) {
  .cp-wrap, body.cp-shell .content, .cp-bonus-wrap, .cp-vip-wrap { padding-left: 14px; padding-right: 14px; }
  .cp-header-in { height: 64px; gap: 8px; }
  .cp-logo { width: 100px; height: 36px; }
  .cp-logo img, .cp-logo svg { width: 100px; height: 36px; }
  .cp-btn { min-width: 0; height: 40px; padding: 0 14px; font-size: 13px; }
  .cp-header .cp-actions { position: absolute; right: 14px; top: 14px; gap: 6px; margin: 0; }
  .cp-header .cp-actions > .cp-btn { min-width: 60px; height: 36px; padding: 0 7px; font-size: 11px; }
  .cp-member-balance { display: none; }
  .cp-member-deposit { width: 84px; height: 36px; font-size: 11px; }
  .cp-header .usermenu-btn .ava { width: 34px; height: 34px; }
  .cp-header .usermenu-drop { position: fixed; top: 64px; right: 8px; width: min(350px,calc(100vw - 16px)); }
  .cp-cash-modal { padding: 8px; padding-top: 8px!important; }
  .cp-cash-dialog { width: calc(100vw - 16px); max-height: calc(100vh - 16px); overflow:auto; }
  .cp-cash-body { padding: 16px 14px 22px; }
  .cp-cash-tabs { overflow-x:auto; }
  .cp-cash-tabs button,.cp-cash-tabs a { flex:0 0 auto; font-size:14px; }
  .cp-cash-step-two { grid-template-columns:1fr; }
  .cp-cash-step-two>.cp-cash-step { padding-bottom:18px; border-right:0; border-bottom:1px solid #ddd; }
  .cp-cash-submit-wrap { padding:22px 0 5px; }
  .cp-cash-step select,.cp-cash-limits { width:min(278px,100%); }
  .cp-history-empty { min-height:80px; padding-top:40px; }
  .cp-withdraw-balances { grid-template-columns:1fr; gap:8px; padding:18px 0 0; }
  .cp-cashback-dates { grid-template-columns:1fr; }
  .cp-auth { right: 0; left: 0; width: auto; border-radius: 0; }
  .cp-slider { aspect-ratio: 16 / 9; margin-top: 10px; }
  .cp-slide .cp-slide-copy, .cp-slide.has-img .cp-slide-copy { left: 5%; max-width: 70%; }
  .cp-slide .cp-slide-copy-only { left: 50%; top: 60%; max-width: none; transform: translate(-50%, -50%); }
  .cp-address { margin: 10px 0 -10px; padding: 10px 6px; font-size: 16px; line-height: 1.45; }
  .cp-address span { display: none; }
  .cp-cards { grid-template-columns: 1fr; gap: 12px; margin-right: 0; margin-left: 0; }
  .cp-card { height: 90px; }
  .cp-card-vip { display: none; }
  .cp-card-telegram { background-image: url('../images/casipop/live/home/telegram-mobile.webp'); }
  .cp-card-mobile { background-image: url('../images/casipop/live/home/app-mobile.jpg'); background-position-x: left; }
  .cp-card .cp-card-btn { bottom: 0; padding: 4px 8px; border-radius: 8px 8px 0 0; background: rgba(0,0,0,.8); font-size: 12px; }
  .cp-card .cp-card-btn::after { display: none; }
  .cp-jackpot { padding: 15px 15px 0; }
  .cp-jackpot-grid { grid-template-columns: 1fr; grid-template-areas: "logo" "diamond" "gold" "silver" "bronze"; gap: 20px; }
  .cp-jackpot-item { height: 77px; }
  .cp-jackpot-head strong { font-size: 1.8rem; }
  .cp-winners { padding: 15px; }
  .cp-winner { min-width: calc(100vw - 58px); min-height: 88px; padding: 0 5px; grid-template-columns: 74px minmax(0, 1fr); gap: 8px; }
  .cp-winner::before { display: none; }
  .cp-winner img { width: 74px; height: 74px; }
  .cp-winner-top, .cp-winner .cp-w-game { font-size: 14px; }
  .cp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cp-catbar { flex-direction: column; align-items: stretch; gap: 12px; }
  .cp-cattools { justify-content: space-between; }
  .cp-search input { width: 100%; }
  .cp-search { flex: 1; }
  .cp-provlist { left: 0; right: auto; }
  .cp-page-title { font-size: 28px; margin: 15px 0 10px; }
  .cp-bonuses { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  .cp-bonus { padding: 10px; }
  .cp-bonus h3 { font-size: 14px; min-height: 0; }
  .cp-vip-sec { padding: 22px 14px 30px; }
  .cp-vip-head { grid-template-columns: 56px 1fr; }
  .cp-vip-num { width: 56px; height: 56px; font-size: 20px; }
  .cp-vip-table { grid-template-columns: 1fr; }
  .cp-vip-col { display: grid; grid-template-columns: 1fr 1fr; }
  .cp-vip-col .v { font-size: 18px; padding: 14px; }
  .cp-vip-col .l { font-size: 14px; }
  .cp-foot-top { grid-template-columns: 1fr; gap: 24px; }
  .cp-foot-operated { grid-column: 1 / -1; }
  .cp-foot-col h4 { font-size: 20px; }
  .cp-foot-col a { font-size: 16px; }
  .cp-foot-pay { gap: 15px; border-top: 1px solid #444; border-bottom: 0; }
  .cp-foot-pay span { flex: 0 0 calc(20% - 12px); }
  .cp-foot-pay img { max-width: 100px; max-height: 35px; }
  .cp-foot-prov { gap: 15px; padding: 0 14px 20px; }
  .cp-foot-provider { flex: 0 0 calc(20% - 12px); max-width: calc(20% - 12px); height: 44px; padding: 0; }
  .cp-foot-provider img { width: 100%; height: 100%; }
}

/* destek balonu (support-bot.css) — amber */
body.cp-shell .ace-support-fab, body.cp-shell .support-fab { background: var(--cp-amber) !important; color: #111 !important; box-shadow: 0 10px 24px rgba(245, 180, 0, .35) !important; border: 0 !important; }
body.cp-shell .asb-fab { background: var(--cp-amber) !important; color: #111 !important; box-shadow: 0 10px 24px rgba(245, 180, 0, .35) !important; }
@media(min-width:761px){
  body.cp-shell .asb-fab{right:22px;bottom:0;display:flex;align-items:center;justify-content:space-between;width:255px;height:50px;padding:0 16px;border-radius:9px 9px 0 0;background:#ff9c00!important;color:#111!important;font:700 15px/1 'Casipop Lato','Lato',sans-serif;box-shadow:0 4px 18px rgba(0,0,0,.32)!important}
  body.cp-shell .asb-fab::before,body.cp-shell .asb-fab::after{display:none}
  body.cp-shell .asb-fab:hover{transform:none;box-shadow:0 4px 18px rgba(0,0,0,.32)!important}
  body.cp-shell .asb-fab i{font-size:23px}
}

/* Giriş yapılmadan oyun açıldığında Casipop oyun giriş penceresi */
.cp-game-auth[hidden] { display: none !important; }
.cp-game-auth { position: fixed; inset: 0; z-index: 10050; display: grid; align-items: start; justify-items: center; padding: 52px 20px 28px; font-family: 'Casipop Lato','Lato',Arial,sans-serif; }
.cp-game-auth__shade { position: absolute; inset: 0; background: rgba(0,0,0,.84); }
.cp-game-auth__dialog { --cp-game-auth-x: 39px; position: relative; z-index: 1; width: min(570px,calc(100vw - 40px)); max-height: calc(100vh - 40px); overflow: auto; border-radius: 10px 10px 0 0; background: #120d0c; color: #fff; box-shadow: 0 24px 80px rgba(0,0,0,.65); transform: translateX(var(--cp-game-auth-x)); animation: cpGameAuthIn .18s ease-out; }
@keyframes cpGameAuthIn { from { opacity: 0; transform: translate(var(--cp-game-auth-x),10px) scale(.99); } to { opacity: 1; transform: translateX(var(--cp-game-auth-x)); } }
.cp-game-auth__head { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; padding: 0 56px; border-radius: 10px 10px 0 0; background: #fbb400; color: #111; }
.cp-game-auth__head h2 { margin: 0; overflow: hidden; color: #111; font-size: 18px; font-weight: 800; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.cp-game-auth__close { position: absolute; top: 50%; right: 13px; width: 30px; height: 30px; padding: 0; border: 0; background: transparent; cursor: pointer; transform: translateY(-50%); }
.cp-game-auth__close span { position: absolute; left: 3px; top: 14px; width: 26px; height: 2px; border-radius: 3px; background: #111; transform: rotate(45deg); }
.cp-game-auth__close span + span { transform: rotate(-45deg); }
.cp-game-auth__body { padding: 18px 30px 26px; text-align: center; }
.cp-game-auth__body h3 { margin: 0 0 17px; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.25; }
.cp-game-auth__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; text-align: left; }
.cp-game-auth__field label { display: block; margin: 0 0 5px; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.2; }
.cp-game-auth__field input { display: block; width: 100%; height: 46px; padding: 0 12px; border: 0; border-radius: 5px; background: #fff; color: #171717; font: 400 16px/1 'Casipop Lato','Lato',Arial,sans-serif; outline: 0; }
.cp-game-auth__field input::placeholder { color: #858585; opacity: 1; }
.cp-game-auth__field input:focus { box-shadow: inset 0 0 0 2px #fbb400; }
.cp-game-auth__password { position: relative; }
.cp-game-auth__password input { padding-right: 44px; }
.cp-game-auth__password button { position: absolute; top: 0; right: 2px; display: grid; place-items: center; width: 42px; height: 46px; padding: 0; border: 0; background: transparent; color: #aaa; font-size: 16px; cursor: pointer; }
.cp-game-auth__links { display: flex; align-items: center; justify-content: space-between; margin: 18px 0 16px; }
.cp-game-auth__links button { padding: 0; border: 0; background: transparent; color: #fbb400; font: 700 14px/1.2 'Casipop Lato','Lato',Arial,sans-serif; text-decoration: underline; cursor: pointer; }
.cp-game-auth__login { display: block; min-width: 110px; height: 44px; margin: 0 auto; padding: 0 20px; border: 0; border-radius: 5px; background: #fff; color: #111; font: 500 15px/1 'Casipop Lato','Lato',Arial,sans-serif; cursor: pointer; }
.cp-game-auth__or { margin: 17px 0; color: #fff; font-size: 17px; font-weight: 400; line-height: 1; }
.cp-game-auth__demo { min-width: 210px; height: 42px; padding: 0 20px; border: 0; border-radius: 5px; background: #fbb400; color: #111; font: 800 14px/1 'Casipop Lato','Lato',Arial,sans-serif; cursor: pointer; }
body.cp-game-auth-open { overflow: hidden; }

@media(max-width:900px){
  .cp-game-auth { padding: 12px; }
  .cp-game-auth__dialog { --cp-game-auth-x: 0px; width: calc(100vw - 24px); max-height: calc(100vh - 24px); border-radius: 12px 12px 0 0; }
  .cp-game-auth__head { height: 68px; padding: 0 62px; border-radius: 12px 12px 0 0; }
  .cp-game-auth__head h2 { font-size: 21px; }
  .cp-game-auth__close { right: 12px; width: 42px; height: 42px; }
  .cp-game-auth__close span { left: 5px; top: 20px; width: 33px; height: 3px; }
  .cp-game-auth__body { padding: 24px 18px 32px; }
  .cp-game-auth__body h3 { margin-bottom: 24px; font-size: 21px; }
  .cp-game-auth__fields { grid-template-columns: 1fr; gap: 18px; }
  .cp-game-auth__field label { font-size: 17px; }
  .cp-game-auth__field input { height: 58px; font-size: 18px; }
  .cp-game-auth__password button { height: 58px; font-size: 21px; }
  .cp-game-auth__links { margin: 22px 0; }
  .cp-game-auth__links button { font-size: 16px; }
  .cp-game-auth__login { min-width: 150px; height: 54px; font-size: 18px; }
  .cp-game-auth__or { margin: 23px 0; font-size: 20px; }
  .cp-game-auth__demo { min-width: min(100%,290px); height: 56px; font-size: 17px; }
}
/* Authenticated account shell shared by profile, bonuses and finance views. */
.cp-account{display:grid;grid-template-columns:280px minmax(0,1fr);width:calc(100% - 40px);max-width:1360px;min-height:780px;margin:30px auto 42px;border-radius:8px 8px 0 0;overflow:hidden;background:#171615;color:#fff}
.cp-account-side{background:#3a3936}
.cp-account-group{padding:18px 26px 20px;border-bottom:2px solid #151314}
.cp-account-group h2{margin:0 0 10px;color:#fbb400;font:700 19px/1.2 'Casipop Lato',sans-serif}
.cp-account-group a,.cp-account-group button{position:relative;display:block;width:100%;padding:7px 18px;border:0;background:transparent;color:#fff;text-align:left;text-decoration:none;font:400 14px/1.35 'Casipop Lato',sans-serif;cursor:pointer}
.cp-account-group a:hover,.cp-account-group button:hover{color:#fbb400}
.cp-account-group a.active{color:#fbb400}
.cp-account-group a.active:before{content:"";position:absolute;left:-30px;top:50%;width:24px;height:14px;background:#fbb400;transform:translateY(-50%)}
.cp-account-group a.active:after{content:"";position:absolute;left:-6px;top:50%;border-width:7px 0 7px 7px;border-style:solid;border-color:transparent transparent transparent #fbb400;transform:translateY(-50%)}
.cp-account-main{min-width:0;padding:18px 20px 34px;background:#171615}
.cp-bonuses-main>.bns{max-width:none;margin:0}
@media(max-width:900px){.cp-account{grid-template-columns:1fr;width:auto;margin:15px 14px}.cp-account-side{display:grid;grid-template-columns:repeat(3,1fr)}.cp-account-group{padding:14px;border-right:1px solid #151314}.cp-account-group a,.cp-account-group button{padding:6px 2px;font-size:12px}.cp-account-group a.active:before,.cp-account-group a.active:after{display:none}}
@media(max-width:650px){.cp-account-side{grid-template-columns:1fr}.cp-account-group{border-right:0}.cp-account{min-height:0}}
/* Authenticated finance method picker — mirrors the Casipop cash overlay. */
.cp-cash-method-trigger{display:flex;align-items:center;justify-content:space-between;width:278px;height:52px;padding:0 18px;border:2px solid #aaa;border-radius:9px;background:#120d0d;color:#fff;font:400 16px 'Casipop Lato',sans-serif;cursor:pointer}.cp-cash-method-trigger i{font-size:13px;color:#cfcfcf}.cp-method-dialog[hidden]{display:none!important}.cp-method-dialog{position:absolute;z-index:4;top:0;left:50%;width:min(570px,calc(100vw - 40px));max-height:calc(100vh - 70px);overflow:auto;transform:translateX(-50%);border-radius:9px 9px 0 0;background:#120d0d;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.75)}.cp-method-dialog header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;height:50px;background:#fbb400;color:#111;font-size:18px}.cp-method-dialog header button{position:absolute;right:12px;top:7px;width:36px;height:36px;border:0;background:transparent;cursor:pointer}.cp-method-dialog header button span{position:absolute;left:5px;top:17px;width:27px;height:2px;background:#111;transform:rotate(45deg)}.cp-method-dialog header button span:last-child{transform:rotate(-45deg)}.cp-method-list{padding:14px 70px 0}.cp-method-list>button{display:grid;grid-template-columns:200px 1fr;align-items:center;width:100%;min-height:110px;padding:14px 0;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;text-align:left;cursor:pointer}.cp-method-logo{display:flex;align-items:center;justify-content:center;gap:8px;width:200px;height:80px;padding:10px;border-radius:8px;background:#fff;color:#111}.cp-method-logo img{max-width:72px;max-height:55px}.cp-method-logo b{font-size:18px}.cp-method-limit{padding-left:20px}.cp-method-limit b,.cp-method-limit em{display:block;font-style:normal}.cp-method-limit b{font-size:17px}.cp-method-limit em{margin-top:10px;color:#fbb400;font-size:16px}.cp-method-close{display:block;width:110px;height:36px;margin:18px auto;border:0;border-radius:4px;background:#fff;color:#111;font-weight:700}.cp-cash-pane[data-cash-pane="cashback"] .cp-cash-submit-wrap{padding:22px 0 14px}
@media(max-width:650px){.cp-method-list{padding:10px 16px 0}.cp-method-list>button{grid-template-columns:145px 1fr;min-height:94px}.cp-method-logo{width:145px;height:68px}.cp-method-logo img{max-width:52px}.cp-method-logo b{font-size:14px}.cp-method-limit{padding-left:14px}.cp-method-limit b{font-size:15px}.cp-method-limit em{font-size:13px}}
.cp-method-list>button{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:20px;overflow:hidden}
.cp-method-logo{box-sizing:border-box;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;overflow:hidden;min-width:0;max-width:100%;justify-items:center}
.cp-method-logo img{display:block;width:42px!important;height:46px!important;max-width:42px!important;max-height:46px!important;object-fit:contain;filter:brightness(0);flex:none}
.cp-method-logo b{display:block;min-width:0;width:100%;overflow-wrap:anywhere;text-align:left;font-size:13px;line-height:1.2}
.cp-method-limit{min-width:0;padding-left:0}
.cp-method-logo{display:flex;align-items:center;justify-content:center}
.cp-method-logo img{width:160px!important;height:60px!important;max-width:160px!important;max-height:60px!important;object-fit:contain;filter:none}
.cp-method-list>button{position:relative;border:1px solid transparent;border-bottom-color:#fff;box-sizing:border-box;transition:border-color .12s ease}
.cp-method-list>button:hover,.cp-method-list>button:focus-visible{border-color:#fbb400;outline:none}
.cp-method-dialog:not([hidden]){animation:cpMethodOpen .16s ease-out both}
@keyframes cpMethodOpen{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:650px){.cp-method-list>button{grid-template-columns:minmax(0,145px) minmax(0,1fr);gap:12px}.cp-method-logo{grid-template-columns:32px minmax(0,1fr);gap:5px}.cp-method-logo img{width:32px!important;height:38px!important;max-width:32px!important;max-height:38px!important}.cp-method-logo b{font-size:11px}}
@media(max-width:650px){.cp-method-logo img{width:120px!important;height:48px!important;max-width:120px!important;max-height:48px!important}}

/* Giriş sonrası finans penceresinin orijinal masaüstü ölçüleri. */
@media(min-width:651px){
  .cp-cash-step-one select{width:320px;height:60px;text-align:center;text-align-last:center}
  .cp-cash-step-two{min-height:229px}
  .cp-cash-step-two .cp-cash-method-trigger{width:245px;height:60px;padding:0 15px}
  .cp-cash-step-two .cp-cash-limits{width:215px;margin-top:22px}
  .cp-cash-submit{width:133px;height:37px}
  .cp-cash-step strong{font-size:16px}
  .cp-cash-step span{font-size:16px}
  .cp-method-list>button{min-height:111px}
  .cp-method-logo img{width:145px!important;height:57px!important;max-width:145px!important;max-height:57px!important}
  .cp-method-limit b{font-size:18px}
  .cp-method-limit em{font-size:17px}
}

/* Giriş sonrası finans penceresi: orijinal masaüstü ölçeği. */
@media(min-width:651px){
  .cp-cash-tabs button{font-size:18px;line-height:1.25}
  .cp-withdraw-balances{display:flex;justify-content:center;gap:40px;padding:23px 0 0;font-size:18px;line-height:1.2}
  .cp-withdraw-balances span{display:flex;align-items:baseline;justify-content:flex-start;gap:11px;white-space:nowrap}
  .cp-withdraw-grid{min-height:188px}
  .cp-cash-pane[data-cash-pane="withdraw"]{padding-bottom:15px}
  .cp-withdraw-grid .cp-cash-step strong{margin-top:0}
  .cp-withdraw-grid .cp-cash-step span{margin-top:18px;margin-bottom:15px}
  .cp-withdraw-grid .cp-cash-method-trigger{width:245px;height:60px}
  .cp-withdraw-grid .cp-cash-limits{width:215px;margin-top:34px;font-size:16px}
  .cp-withdraw-grid .cp-cash-limits b{font-size:16px;font-weight:400;white-space:nowrap}
  .cp-withdraw-amount input{width:245px;height:40px;border:2px solid #bbb;border-radius:24px;text-align:center}
  .cp-withdraw-amount .cp-cash-submit{width:245px;height:40px;margin-top:34px;text-transform:none;font-size:16px}
}
.cp-cash-method-trigger.is-selected{background:#fff;border-color:#aaa;color:#111}
.cp-cash-method-trigger.is-selected i{color:#bfc1c3}
.cp-selected-method{display:flex!important;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;margin:0!important}
.cp-selected-method img{display:block;width:140px;height:50px;max-width:100%;object-fit:contain}
.cp-method-dialog{top:50px}
.cp-method-list{padding-top:0}
.cp-header .usermenu.open .usermenu-drop{animation:cpUserMenuOpen .18s ease-out both;transform-origin:top right}
.cp-header .usermenu-drop{padding:0;border:0;background:transparent}
@keyframes cpUserMenuOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.cp-user-stats{padding:4px 15px 6px}
.cp-user-stat.cp-cashback a{flex:none;width:154px;min-width:154px;height:25px;padding:3px 6px;font-size:13px;white-space:nowrap}
.cp-bonus-member{padding-bottom:30px}
.cp-bonus-member .cp-bonus{min-height:333px}
@media(prefers-reduced-motion:reduce){.cp-header .usermenu.open .usermenu-drop{animation:none}.cp-method-dialog:not([hidden]){animation:none}}
@media(min-width:901px){
  .cp-account{margin-top:25px}
  .cp-account-group{padding-bottom:25px}
  .cp-account-group h2{font-size:21px}
  .cp-account-group a,.cp-account-group button{font-size:17px}
}

/* Giriş sonrası popup: orijinal yerleşim ve hafif açılış/geçiş hareketleri. */
@media(min-width:651px){
  .cp-cash-dialog{transform:translateX(5px)}
  .cp-cashback-content{padding-top:24px}
  .cp-cashback-claim{height:33px}
  .cp-cashback-rules{margin-top:29px}
  .cp-history-tabs button{font-size:18px}
}
.cp-method-list>button[hidden]{display:none!important}
.cp-cash-dialog{animation:cpCashOpen .16s ease-out both}
.cp-cash-pane:not([hidden]){animation:cpCashPaneIn .18s ease-out both}
.cp-cash-tabs .on:after,.cp-history-tabs .on:after{transition:transform .16s ease-out}
@keyframes cpCashOpen{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes cpCashPaneIn{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.cp-cash-dialog,.cp-cash-pane:not([hidden]){animation:none}}

/* Giriş sonrası menü ve geçmiş penceresinin orijinal masaüstü ölçüleri. */
@media(min-width:901px){
  .cp-header .usermenu-drop{right:3px;top:calc(100% + 9px)}
  .cp-history-empty{min-height:265px}
}

/* Yatırım tutarı, ayrı sayfaya gitmeden giriş sonrası finans popupında alınır. */
.cp-cash-submit{border:0;cursor:pointer}
.cp-cash-submit.disabled{cursor:not-allowed}
.cp-cash-submit.ready,.cp-cash-deposit-final{background:#2db331;color:#fff}
.cp-cash-deposit-confirm,.cp-cash-deposit-amount{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.cp-cash-deposit-confirm{gap:14px;min-height:178px}
.cp-cash-deposit-confirm strong,.cp-cash-deposit-amount strong{color:#fbb400;font-size:16px}
.cp-cash-deposit-confirm span{margin-bottom:8px;font-size:16px}
.cp-cash-deposit-amount{gap:10px;width:100%;padding:12px 10px}
.cp-cash-deposit-amount label{font-size:16px}
.cp-cash-deposit-amount input{width:min(245px,100%);height:40px;padding:0 12px;border:2px solid #bbb;border-radius:6px;background:#fff;color:#171717;text-align:center;font:400 16px 'Casipop Lato',sans-serif}
.cp-cash-deposit-amount small{color:#b8b8b8;font-size:12px}
.cp-cash-deposit-amount .cp-cash-submit{width:160px;height:40px;margin-top:6px;font-size:14px}
.cp-cash-deposit-error{max-width:260px;margin:0;color:#ff8b8b;font-size:12px;line-height:1.35}
.cp-cash-deposit-back{border:0;background:transparent;color:#fbb400;text-decoration:underline;font:400 13px 'Casipop Lato',sans-serif;cursor:pointer}
.cp-cash-deposit-amount[hidden],.cp-cash-deposit-confirm[hidden],.cp-cash-deposit-result[hidden],.cp-cash-deposit-error[hidden],#cpCashResultDetails[hidden]{display:none!important}
.cp-cash-pane.has-deposit-result>.cp-cash-step-one,.cp-cash-pane.has-deposit-result>.cp-cash-rule,.cp-cash-pane.has-deposit-result>.cp-cash-step-two{display:none!important}
.cp-cash-deposit-result{padding:28px 20px 22px;text-align:center}
.cp-cash-deposit-result>strong{color:#fbb400;font-size:18px}
.cp-cash-deposit-result>p{margin:13px 0;color:#fff;font-size:15px}
#cpHistoryBetFilters[hidden]{display:none!important}
.cp-history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;text-align:center}
.cp-history-filters label{font-size:14px;color:#fff}
.cp-history-filters label span,.cp-history-filters select{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;margin-top:7px;padding:0 10px;border:0;border-bottom:1px solid #fbb400;border-radius:5px;background:#fff;color:#111;text-align:left;font:400 17px 'Casipop Lato',sans-serif}
.cp-history-filters label span i{color:#a7b0b5}
.cp-history-filters select{appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box;line-height:45px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='2'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.cp-history-filters .cp-cash-date{box-sizing:border-box}
.cp-history-filters+.cp-history-empty{min-height:175px}
.cp-cashback-claim{border:0;font:700 16px 'Casipop Lato',sans-serif;cursor:pointer}
.cp-method-list>button:hover,.cp-method-list>button:focus-visible{border-color:transparent;border-bottom-color:#fff;outline:none}
@media(max-width:650px){.cp-history-filters{grid-template-columns:1fr;gap:12px}}
#cpCashResultDetails{display:grid;gap:10px;max-width:490px;margin:18px auto 0;text-align:left}
#cpCashResultDetails>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:7px 0;border-bottom:1px solid #514946}
#cpCashResultDetails span{color:#aaa}
#cpCashResultDetails b{overflow-wrap:anywhere}

/* ===== Para Yatır — yöntem listesi + tutar paneli (Casipop finans) ===== */
.cp-dep{display:grid;grid-template-columns:300px 1fr;gap:16px;min-height:380px}
.cp-dep-side{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.cp-dep-side-head{padding:12px 16px;font:800 12px "Lato",sans-serif;letter-spacing:1px;color:var(--cp-amber);border-bottom:1px solid rgba(255,255,255,.07)}
.cp-dep-method-list{overflow-y:auto;max-height:420px;padding:8px;display:flex;flex-direction:column;gap:6px}
.cp-dep-method{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.cp-dep-method:hover{background:rgba(255,255,255,.08)}
.cp-dep-method.on{border-color:var(--cp-amber);background:rgba(245,180,0,.08)}
.cp-dep-method-logo{flex:0 0 74px;height:34px;border-radius:7px;overflow:hidden;background:#fff;display:grid;place-items:center}
.cp-dep-method-logo img{max-width:100%;max-height:100%;object-fit:contain}
.cp-dep-method-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cp-dep-method-meta b{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-dep-method-meta em{font-style:normal;font-size:11px;color:#9b93a5}
.cp-dep-method > i{color:#6d6477;font-size:11px}
.cp-dep-method.on > i{color:var(--cp-amber)}
.cp-dep-main{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column}
.cp-dep-placeholder{margin:auto;text-align:center;color:#9b93a5;display:flex;flex-direction:column;gap:8px;align-items:center}
.cp-dep-placeholder i{font-size:34px;color:var(--cp-amber);opacity:.8}
.cp-dep-placeholder strong{color:#fff;font-size:15px}
.cp-dep-placeholder p{margin:0;font-size:12px}
.cp-dep-form{display:flex;flex-direction:column;gap:10px}
.cp-dep-selected{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px dashed rgba(255,255,255,.12)}
.cp-dep-selected img{width:86px;height:38px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}
.cp-dep-selected b{display:block;font-size:14px;color:#fff}
.cp-dep-selected em{font-style:normal;font-size:11px;color:#9b93a5}
.cp-dep-label{font:700 11px "Lato",sans-serif;letter-spacing:.6px;color:#b5aec0;text-transform:uppercase;margin-top:4px}
.cp-dep-amount-row{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 14px}
.cp-dep-amount-row span{color:var(--cp-amber);font-weight:800}
.cp-dep-amount-row input{flex:1;background:none;border:0;outline:0;color:#fff;font:700 18px "Lato",sans-serif;padding:12px 0;-moz-appearance:textfield}
.cp-dep-amount-row input::-webkit-outer-spin-button,.cp-dep-amount-row input::-webkit-inner-spin-button{-webkit-appearance:none}
.cp-dep-chips{display:flex;flex-wrap:wrap;gap:8px}
.cp-dep-chips button{border:1px solid rgba(245,180,0,.4);background:rgba(245,180,0,.08);color:var(--cp-amber-2);font:700 12px "Lato",sans-serif;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .15s}
.cp-dep-chips button:hover{background:rgba(245,180,0,.2)}
.cp-dep-hint{color:#9b93a5;font-size:11px}
.cp-dep-form select{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:11px 12px;font:600 13px "Lato",sans-serif}
.cp-dep-submit{border:0;cursor:pointer;border-radius:10px;padding:14px;font:800 14px "Lato",sans-serif;letter-spacing:.8px;color:#111;background:linear-gradient(180deg,var(--cp-amber-2),var(--cp-amber));box-shadow:0 4px 16px rgba(245,180,0,.3);transition:transform .15s}
.cp-dep-submit:hover{transform:translateY(-1px)}
.cp-dep-submit:disabled{opacity:.6;cursor:wait;transform:none}
.cp-dep-note{margin:0;font-size:11px;color:#9b93a5;line-height:1.5}
.cp-dep-note i{color:var(--cp-green);margin-right:4px}
.cp-dep-result{max-width:560px;margin:10px auto;display:flex;flex-direction:column;gap:12px}
.cp-dep-result-head{display:flex;align-items:center;gap:10px}
.cp-dep-result-head i{color:var(--cp-green);font-size:22px}
.cp-dep-result-head strong{font-size:16px;color:#fff}
.cp-dep-result-card{display:flex;flex-direction:column;gap:1px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.cp-dep-result-card > div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);padding:12px 14px}
.cp-dep-result-card span{flex:0 0 110px;font-size:11px;color:#9b93a5;text-transform:uppercase;letter-spacing:.5px}
.cp-dep-result-card b{flex:1;color:#fff;font-size:13px;word-break:break-all}
.cp-dep-copy{border:1px solid rgba(245,180,0,.45);background:none;color:var(--cp-amber-2);font:700 11px "Lato",sans-serif;border-radius:999px;padding:5px 10px;cursor:pointer;white-space:nowrap}
.cp-dep-copy.ok{border-color:var(--cp-green);color:var(--cp-green-2)}
.cp-dep-back{align-self:center;border:1px solid rgba(255,255,255,.2);background:none;color:#cfc8d8;font:700 12px "Lato",sans-serif;border-radius:999px;padding:9px 18px;cursor:pointer}
.cp-dep-back:hover{border-color:var(--cp-amber);color:var(--cp-amber-2)}
@media (max-width:760px){
  .cp-dep{grid-template-columns:1fr}
  .cp-dep-method-list{max-height:230px}
  .cp-dep-main{padding:16px}
}

/* Finans ve hesap etkileşimleri */
.cp-header .cp-user-foot{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;height:45px}
.cp-header .cp-user-foot form{display:block;height:100%;min-width:0;margin:0}
.cp-header .cp-user-foot a,.cp-header .cp-user-foot form button{box-sizing:border-box;display:flex;align-items:center;height:100%;line-height:1}
.cp-header .cp-user-foot form button{justify-content:flex-end}
.cp-header .cp-user-foot i{flex:none}
.cp-header .cp-user-stat.cp-cashback a{margin-right:-15px}
.cp-cash-bonus-picker{position:relative;width:min(320px,100%)}
.cp-cash-bonus-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 18px;border:2px solid #aaa;border-radius:10px;background:#120d0d;color:#fff;text-align:left;font:400 16px 'Casipop Lato',sans-serif;cursor:pointer}
.cp-cash-bonus-trigger span{margin:0;font-size:16px}
.cp-cash-bonus-trigger[aria-expanded="true"],.cp-cash-bonus-trigger:focus-visible{border-color:#fbb400;outline:2px solid #fbb400;outline-offset:3px}
.cp-cash-bonus-modal[hidden]{display:none!important}
.cp-cash-bonus-modal{position:fixed;inset:0;z-index:3;display:grid;place-items:start center;padding:clamp(32px,14vh,140px) 16px 24px}
.cp-cash-bonus-shade{position:absolute;inset:0;border:0;background:rgba(0,0,0,.8);cursor:default}
.cp-cash-bonus-dialog{position:relative;width:min(570px,100%);max-height:calc(100vh - 70px);overflow:auto;background:#140e0e;color:#fff;font:400 16px 'Casipop Lato',sans-serif;box-shadow:0 24px 70px rgba(0,0,0,.65);animation:cpCashOpen .16s ease-out both}
.cp-cash-bonus-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;height:50px;background:#fbb400;color:#111;font-size:17px}
.cp-cash-bonus-dialog>header button{position:absolute;right:9px;top:0;width:48px;height:50px;border:0;background:transparent;color:#111;font:300 40px/1 'Casipop Lato',sans-serif;cursor:pointer}
.cp-cash-bonus-list{padding:10px 0 0}
.cp-cash-bonus-row{position:relative;min-height:132px;margin:0;border-bottom:1px solid #615b58}
.cp-cash-bonus-row.is-selected{border:2px solid #fbb400}
.cp-cash-bonus-select{display:grid;grid-template-columns:32px 145px minmax(0,1fr);align-items:center;gap:15px;width:100%;min-height:132px;padding:10px 30px;border:0;background:transparent;color:#fbb400;text-align:left;font:400 17px/1.15 'Casipop Lato',sans-serif;cursor:pointer}
.cp-cash-bonus-select img{width:145px;height:109px;object-fit:cover}
.cp-cash-bonus-check{display:grid;place-items:center;width:25px;height:25px;border:2px solid #fff;border-radius:2px;color:#111;font-size:19px;font-weight:700}
.cp-cash-bonus-row.is-selected .cp-cash-bonus-check{background:#fbb400}
.cp-cash-bonus-copy{align-self:start;margin-top:15px}
.cp-cash-bonus-more{position:absolute;left:245px;bottom:26px;min-width:147px;height:34px;border:0;border-radius:6px;background:#fff;color:#111;font:700 13px 'Casipop Lato',sans-serif;cursor:pointer}
.cp-cash-bonus-none{min-height:70px;margin-top:10px}
.cp-cash-bonus-none .cp-cash-bonus-select{min-height:68px;grid-template-columns:32px 1fr}
.cp-cash-bonus-none .cp-cash-bonus-copy{align-self:center;margin:0}
.cp-cash-bonus-dialog>footer{display:flex;justify-content:center;padding:15px 0 19px}
.cp-cash-bonus-dialog>footer button{min-width:105px;height:34px;border:0;border-radius:5px;background:#fbb400;color:#111;font:400 14px 'Casipop Lato',sans-serif;cursor:pointer}
@media(max-width:650px){.cp-cash-bonus-modal{padding-top:32px}.cp-cash-bonus-select{grid-template-columns:24px 95px minmax(0,1fr);gap:9px;padding:8px 12px;font-size:14px}.cp-cash-bonus-select img{width:95px;height:88px}.cp-cash-bonus-more{left:145px;bottom:16px;min-width:110px}.cp-cash-bonus-copy{margin-top:6px}.cp-cash-bonus-none .cp-cash-bonus-select{grid-template-columns:24px 1fr}}
.cp-cash-deposit-amount #cpCashDepositName[readonly]{background:#bdbdbd;color:#252525;cursor:default}
.cp-cash-date{display:block;width:100%;height:45px;margin-top:7px;padding:0 10px;border:0;border-bottom:1px solid #fbb400;border-radius:5px;background:#fff;color:#111;font:400 17px 'Casipop Lato',sans-serif;color-scheme:light;cursor:pointer}
.cp-cash-date:focus-visible{outline:2px solid #fbb400;outline-offset:2px}
.cp-cashback-dates{grid-template-columns:190px 190px}
@media(max-width:650px){.cp-cashback-dates{grid-template-columns:1fr}.cp-cash-bonus-trigger{height:52px}}
.cp-feedback{position:fixed;z-index:10050;right:24px;top:88px;display:flex;align-items:center;gap:12px;max-width:min(390px,calc(100vw - 32px));padding:12px 13px;border:1px solid #fbb400;border-left:4px solid #fbb400;border-radius:6px;background:#1d1916;color:#fff;box-shadow:0 15px 38px rgba(0,0,0,.55);font:400 14px/1.4 'Casipop Lato',sans-serif;animation:cpFeedbackIn .18s ease-out both}
.cp-feedback[hidden]{display:none!important}.cp-feedback>i{color:#fbb400;font-size:18px}.cp-feedback span{flex:1}.cp-feedback button{border:0;background:transparent;color:#fbb400;font:400 25px/1 'Casipop Lato',sans-serif;cursor:pointer}
@keyframes cpFeedbackIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.cp-feedback{right:16px;top:72px}}

/* ---- Casipop Toast ---- */
.cp-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,24px);z-index:9999;
  display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;
  background:rgba(30,30,38,.92);backdrop-filter:blur(12px);color:#fff;font-size:.95rem;
  font-weight:500;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);
  max-width:min(92vw,440px);pointer-events:none;}
.cp-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto;}
.cp-toast i{font-size:1.2rem;flex-shrink:0;}
.cp-toast.success i{color:#4caf50;}
.cp-toast.error i{color:#ff4d6d;}
.cp-toast.warning i{color:var(--cp-amber,#f5b400);}
.cp-toast.info i{color:#42a5f5;}