:root{--bg:#e9ebf1;--surface:#dadce2;--text:#000208;--muted:#37393f;--accent:#544bc9;--accent2:#544bc9;--radius:18px;--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}a{color:inherit}img{max-width:100%}.container{width:min(var(--max),calc(100% - 30px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:20}.header{position:sticky;top:0;z-index:9;background:#e9ebf1f5;border-bottom:1px solid #bfc1c7}.row{min-height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;text-decoration:none}.brand img{width:42px}.nav{display:flex;gap:16px;margin-left:auto}.nav a{text-decoration:none;color:var(--muted)}.actions{display:flex;gap:9px}.btn{display:inline-flex;justify-content:center;padding:11px 18px;border:0;border-radius:999px;background:var(--accent);color:#ebedf3;font-weight:900;text-decoration:none}.btn.alt{background:transparent;color:#fff;border:1px solid #95979d}.lang{background:var(--surface);color:#fff;border:1px solid #95979d;border-radius:9px;padding:8px}.cdq-hero,.section{padding:64px 0}.cdq-hero{background:radial-gradient(circle at 85% 25%,#b8bac0,transparent 38%)}.cdq-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.03;margin:.2em 0}.cdq-lead,.cdq-intro{color:var(--muted);max-width:780px}.cdq-offer,.card{background:var(--surface);border:1px solid #bfc1c7;border-radius:var(--radius);padding:23px}.count{font-size:1.4rem;color:var(--accent2);font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.grid.three{grid-template-columns:repeat(3,1fr)}.cdq-state{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px}.cdq-payments{display:flex;flex-wrap:wrap;gap:10px}.cdq-payment{background:#fff;color:#111;padding:11px 18px;border-radius:9px;font-weight:800}.cdq-post{max-width:880px;padding:45px 0}.cdq-post h1{font-size:clamp(2rem,5vw,3.7rem)}.cdq-post h2{margin-top:32px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #95979d;background:#e3e5eb;color:#fff}.cdq-notice{border-left:4px solid var(--accent2);background:var(--surface);padding:13px}.footer{padding:40px 0;border-top:1px solid #bfc1c7;color:var(--muted)}.cdq-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer a{display:block;margin:6px 0}.cdq-social{display:flex;gap:12px}.cdq-social a{display:inline}.menu{display:none}@media(max-width:850px){.nav{display:none}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:20px;background:var(--bg);flex-direction:column}.menu{display:block;margin-left:auto}.actions .alt{display:none}.cdq-hero-grid,.cdq-state,.cdq-foot-grid{grid-template-columns:1fr}.grid,.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid,.grid.three{grid-template-columns:1fr}.cdq-hero,.section{padding:45px 0}}.cdq-merit-icon{width:54px;height:54px;display:block;margin-bottom:16px}.cdq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.cdq-gcard{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #bfc1c7}.cdq-gcard img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.cdq-gcard:hover img{transform:scale(1.035)}.cdq-ginfo{padding:15px}.cdq-ginfo h3{margin:0 0 3px}.cdq-ginfo span{color:var(--muted);font-size:.9rem}.cdq-pay-card{display:flex;align-items:center;gap:10px;background:#fff;color:#e7e9ef;padding:10px 16px;border-radius:12px;font-weight:800}.cdq-pay-card img{width:34px;height:34px}.cdq-hero-art{border-radius:24px;border:1px solid #b1b3b9;background:#dfe1e7;padding:12px;box-shadow:0 24px 80px #0008}.cdq-hero-art img{display:block;width:100%;border-radius:16px}.actions{align-items:center}.header .actions .btn{min-height:44px;padding:0 20px;white-space:nowrap;box-shadow:none;transition:.2s}.header .actions .cdq-signin-btn{background:#d5d7dd;color:#fff;border:1px solid #919399}.header .actions .play-btn{background:linear-gradient(135deg,#544bc9,#544bc9);color:#eaecf2;border:1px solid #544bc9;box-shadow:0 8px 28px #544bc935}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.cdq-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cdq-grid{grid-template-columns:1fr 1fr}.cdq-ginfo{padding:11px}.cdq-ginfo h3{font-size:.95rem}}.cdq-bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.cdq-bcard{overflow:hidden;background:var(--surface);border:1px solid #bfc1c7;border-radius:22px;box-shadow:0 20px 50px #0004}.cdq-bcard>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.cdq-bcontent{padding:22px}.cdq-bcontent h3{margin:8px 0;font-size:1.35rem}.cdq-bcontent p{color:var(--muted)}.cdq-btag{display:inline-block;color:#544bc9;font-weight:900;font-size:.9rem}.cdq-bcontent .btn{margin-top:8px}@media(max-width:850px){.cdq-bgrid{grid-template-columns:1fr}.cdq-bcard{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr}.cdq-bcard>img{height:100%;aspect-ratio:auto}}@media(max-width:600px){.cdq-bcard{display:block}.cdq-bcard>img{aspect-ratio:3/2}}.cdq-merit-icon{width:54px;height:54px;display:block;margin-bottom:16px}.cdq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.cdq-gcard{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #bfc1c7}.cdq-gcard img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.cdq-gcard:hover img{transform:scale(1.035)}.cdq-ginfo{padding:15px}.cdq-ginfo h3{margin:0 0 3px}.cdq-ginfo span{color:var(--muted);font-size:.9rem}.cdq-pay-card{display:flex;align-items:center;gap:10px;background:#fff;color:#e7e9ef;padding:10px 16px;border-radius:12px;font-weight:800}.cdq-pay-card img{width:34px;height:34px}.cdq-hero-art{border-radius:24px;border:1px solid #b1b3b9;background:#dfe1e7;padding:12px;box-shadow:0 24px 80px #0008}.cdq-hero-art img{display:block;width:100%;border-radius:16px}.actions{align-items:center}.header .actions .btn{min-height:44px;padding:0 20px;white-space:nowrap;box-shadow:none;transition:.2s}.header .actions .cdq-signin-btn{background:#d5d7dd;color:#fff;border:1px solid #919399}.header .actions .play-btn{background:linear-gradient(135deg,#544bc9,#544bc9);color:#eaecf2;border:1px solid #544bc9;box-shadow:0 8px 28px #544bc935}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.cdq-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cdq-grid{grid-template-columns:1fr 1fr}.cdq-ginfo{padding:11px}.cdq-ginfo h3{font-size:.95rem}}.cdq-studio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0;margin:26px 0 0;list-style:none}.cdq-studio-card{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border-radius:14px;color:#dadce2;font-size:.82rem;font-weight:800;text-align:center}.cdq-studio-card img{display:block;width:100%;height:54px;object-fit:contain}.cdq-bcard>img{object-fit:contain;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));padding:12px}@media(max-width:900px){.cdq-studio-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.cdq-studio-grid{grid-template-columns:repeat(2,1fr)}}
/* final homepage redesign */
.header .row{padding:0 18px}.header .brand{flex:0 0 auto}.header .actions{flex:0 0 auto}.btn{align-items:center;line-height:1.1;text-align:center}.header .actions .btn{height:44px;min-height:44px;padding:0 22px;border-radius:12px}.lang{height:44px}.cdq-stage{padding:64px 0 72px;background:linear-gradient(135deg,#e7e9ef,#d4d6dc)}.cdq-stage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.cdq-stage-copy h1{margin:10px 0 20px}.cdq-stage-copy>p{max-width:650px;color:var(--muted);font-size:1.15rem}.cdq-eyebrow{display:block;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cdq-stage-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 15px}.primary-btn{background:var(--accent);color:#eaecf2;border:1px solid #544bc9}.secondary-btn{background:transparent;color:#fff;border:1px solid #95979d}.cdq-stage-side{min-height:390px;display:flex;align-items:center;justify-content:center;border:1px solid #b4b6bc;border-radius:28px;background:#e3e5eb;padding:30px}.cdq-stage-side img{max-height:360px;object-fit:contain}.cdq-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.cdq-head h2{margin:5px 0}.cdq-head>a{color:var(--accent);font-weight:800}.cdq-band{background:#e1e3e9}.cdq-reel{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}.cdq-tile{min-width:0}.cdq-tile>a{position:relative;display:block;overflow:hidden;border:1px solid #b8bac0;border-radius:18px;background:#dbdde3;text-decoration:none}.cdq-tile img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#e0e2e8;transition:.25s}.cdq-tile-name{display:block;min-height:54px;padding:13px 12px;color:#fff;font-weight:800;font-size:.9rem;line-height:1.2}.cdq-tile-play{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:#544bc9;color:#e9ebf1;font-size:.75rem;font-weight:900;opacity:0;transform:translateY(-5px);transition:.2s}.cdq-tile a:hover .cdq-tile-play{opacity:1;transform:none}.cdq-tile a:hover img{transform:scale(1.025)}.cdq-deals{display:grid;gap:18px;margin-top:28px}.cdq-deal{display:grid;grid-template-columns:310px 1fr;min-height:260px;overflow:hidden;border:1px solid #b7b9bf;border-radius:22px;background:#d9dbe1}.cdq-deal-art{display:flex;align-items:center;justify-content:center;min-height:260px;background:radial-gradient(circle,#b9bbc1 0,#cdcfd5 58%,#d7d9df 100%);padding:18px}.cdq-deal-art img{display:block;width:100%;height:230px;object-fit:contain}.cdq-deal-copy{align-self:center;padding:28px}.cdq-deal-copy>span{color:var(--accent);font-weight:900}.cdq-deal-copy h3{margin:5px 0 8px;font-size:1.6rem}.cdq-deal-copy p{max-width:760px;color:var(--muted)}.cdq-merits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.cdq-merit{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid #babcc2;border-radius:18px;background:#dadce2}.cdq-merit img{flex:0 0 52px}.cdq-merit h3{margin:2px 0 5px}.cdq-merit p{margin:0;color:var(--muted)}.cdq-logos{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}.cdq-studios{grid-template-columns:repeat(6,1fr)}.cdq-pays{grid-template-columns:repeat(5,1fr)}.cdq-logos li{display:flex;align-items:center;justify-content:center;min-height:94px;padding:18px;border:1px solid #191b21;border-radius:15px;background:#fff}.cdq-logos img{display:block;width:100%;height:54px;object-fit:contain}.cdq-longform{border-top:1px solid #c6c8ce;border-bottom:1px solid #c6c8ce}.cdq-longform-grid{display:grid;grid-template-columns:300px 1fr;gap:70px}.cdq-longform-grid aside{position:sticky;top:100px;align-self:start}.cdq-longform-grid aside h2{font-size:2.25rem;line-height:1.12}.cdq-longform-lead{color:var(--muted)}.cdq-longform-body{max-width:800px}.cdq-longform-body h3{margin:30px 0 8px;font-size:1.35rem}.cdq-longform-body p{color:#25272d}.cdq-longform-body a{color:var(--accent)}.cdq-faqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.cdq-faq details{padding:18px 20px;border:1px solid #b9bbc1;border-radius:15px;background:#dadce2}.cdq-faq summary{cursor:pointer;font-weight:850}.cdq-faq details p{color:var(--muted)}
@media(max-width:1100px){.nav{display:none}.menu{display:inline-flex;margin-left:auto}.cdq-reel{grid-template-columns:repeat(4,1fr)}.cdq-studios{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.header .row{gap:10px}.header .actions .cdq-signin-btn{display:none}.cdq-stage-grid,.cdq-longform-grid{grid-template-columns:1fr}.cdq-stage-side{min-height:280px}.cdq-reel{grid-template-columns:repeat(3,1fr)}.cdq-studios,.cdq-pays{grid-template-columns:repeat(3,1fr)}.cdq-longform-grid aside{position:static}.cdq-deal{grid-template-columns:220px 1fr}.cdq-merits{grid-template-columns:1fr}}
@media(max-width:560px){.header .lang{display:none}.header .actions .btn{padding:0 14px}.cdq-reel{grid-template-columns:repeat(2,1fr);gap:10px}.cdq-tile-name{font-size:.82rem}.cdq-deal{display:block}.cdq-deal-art{min-height:210px}.cdq-deal-art img{height:190px}.cdq-studios,.cdq-pays{grid-template-columns:repeat(2,1fr)}.cdq-faqgrid{grid-template-columns:1fr}.cdq-head{align-items:start;flex-direction:column}.cdq-stage-cta .btn{width:100%}}

.cdq-studios li{background:#d3d5db;border-color:#b4b6bc}.cdq-studios img{max-width:160px}.cdq-pays li{background:#fff;border-color:#191b21}

/* independent black-and-gold theme */
:root{--bg:#f0f2f8;--surface:#e7e9ef;--text:#02040a;--muted:#4f5157;--accent:#544bc9;--accent2:#544bc9;--radius:18px;--max:1180px}body{background:var(--bg);background-image:radial-gradient(circle at 80% 5%,rgba(255,212,0,.055),transparent 24%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.container{width:min(var(--max),calc(100% - 40px))}.header{background:rgba(8,9,11,.96);border-color:#d4d6dc}.header .row{min-height:84px}.brand img{width:58px;height:58px}.brand{font-size:1.05rem}.nav{gap:24px}.nav a{position:relative;color:#15171d;font-weight:700}.nav a:before{content:"";position:absolute;left:-11px;top:50%;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%;transform:translateY(-50%)}.nav a:hover{color:var(--accent)}.lang{background:#e7e9ef;border-color:#bec0c6;color:#ddd}.header .actions .cdq-signin-btn{background:#e7e9ef;border-color:#9a9ca2;color:#fff}.header .actions .play-btn,.primary-btn{background:var(--accent);border-color:var(--accent);color:#f0f2f8;box-shadow:none}.header .actions .btn,.cdq-stage-cta .btn,.cdq-deal-copy .btn{border-radius:7px;font-weight:900}.secondary-btn{border-color:#7f8187;color:#fff;border-radius:7px}.cdq-stage{min-height:650px;display:flex;align-items:center;padding:74px 0;background:linear-gradient(125deg,#eff1f7 0,#e6e8ee 65%,#eff1f7 100%);border-bottom:1px solid #d5d7dd}.cdq-stage-grid{grid-template-columns:1.05fr .95fr}.cdq-stage-copy h1{max-width:690px;font-size:clamp(3rem,6.2vw,6.2rem);letter-spacing:-.055em}.cdq-stage-copy h1:after{content:".";color:var(--accent)}.cdq-stage-copy>p{font-size:1.12rem;line-height:1.8}.cdq-stage-copy small{color:#7f8187}.cdq-eyebrow{color:var(--accent)}.cdq-stage-side{min-height:470px;border:0;background:radial-gradient(circle at center,rgba(255,212,0,.10),transparent 62%);padding:0}.cdq-stage-side img{width:115%;max-width:none;max-height:500px;object-fit:contain}.section{padding:88px 0}.cdq-band{background:#eceef4;border-top:1px solid #dbdde3;border-bottom:1px solid #dbdde3}.section h2,.cdq-longform h2,.cdq-faq h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em;line-height:1.05}.cdq-head h2{font-size:clamp(2.2rem,4vw,3.8rem)}.cdq-head>a{color:var(--accent)}.cdq-intro{font-size:1.05rem;line-height:1.75}.cdq-reel{grid-template-columns:repeat(4,1fr);gap:20px}.cdq-tile>a{padding:16px;border-color:#c3c5cb;border-radius:18px;background:linear-gradient(155deg,#e2e4ea,#eaecf2)}.cdq-tile img{aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#eef0f6}.cdq-tile-name{min-height:64px;padding:18px 2px 4px;color:var(--accent);font-size:1.05rem;text-transform:uppercase}.cdq-tile-play{top:auto;bottom:14px;right:14px;background:var(--accent)}.cdq-deals{grid-template-columns:repeat(3,1fr);gap:22px}.cdq-deal{display:block;min-height:0;border-color:#c3c5cb;border-radius:18px;background:linear-gradient(155deg,#e0e2e8,#ebedf3)}.cdq-deal-art{min-height:250px;background:radial-gradient(circle,#ced0d6,#e7e9ef 70%);border-bottom:1px solid #cdcfd5}.cdq-deal-art img{height:230px}.cdq-deal-copy{padding:26px}.cdq-deal-copy>span{color:var(--accent)}.cdq-deal-copy h3{font-size:1.5rem}.cdq-deal-copy .btn{width:100%;margin-top:10px}.cdq-merits{grid-template-columns:repeat(4,1fr)}.cdq-merit{display:block;text-align:center;min-height:280px;padding:38px 24px;border-color:#c3c5cb;background:linear-gradient(155deg,#e0e2e8,#ebedf3)}.cdq-merit img{width:70px;height:70px;margin:0 auto 28px;filter:saturate(0) sepia(1) saturate(8) hue-rotate(5deg)}.cdq-merit h3{font-size:1.25rem}.cdq-logos li{border-color:#c7c9cf;background:#e7e9ef}.cdq-studios li{background:#e0e2e8}.cdq-pays li{background:#02040a;border-color:#02040a}.cdq-longform{background:#eceef4;border-color:#d4d6dc}.cdq-longform-body p{color:#3f4147}.cdq-longform-body h3{color:var(--accent)}.cdq-faq details{border-color:#c3c5cb;background:#e7e9ef}.cdq-voices{background:#f0f2f8}.cdq-center-head{text-align:center;max-width:800px;margin:0 auto 38px}.cdq-center-head p{color:var(--muted)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews-grid>article{min-height:240px;padding:28px;border:1px solid #c3c5cb;border-radius:18px;background:linear-gradient(155deg,#e0e2e8,#ebedf3)}.cdq-voice-head{display:flex;align-items:center;gap:14px}.cdq-voice-head .cdq-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#f0f2f8;font-weight:950}.cdq-voice-head h3{margin:0}.cdq-voice-head span{color:var(--muted);font-size:.87rem}.cdq-voice-head strong{margin-left:auto;color:var(--accent)}.reviews-grid>article>p{margin-top:25px;color:#3f4147}.footer{padding:64px 0 28px;background:#f1f3f9;border-color:#cfd1d7}.cdq-foot-grid{grid-template-columns:1.6fr 1fr 1fr}.footer strong,.footer b{color:#fff}.footer a:hover{color:var(--accent)}
@media(max-width:1000px){.cdq-reel{grid-template-columns:repeat(3,1fr)}.cdq-deals{grid-template-columns:1fr}.cdq-deal{display:grid;grid-template-columns:280px 1fr}.cdq-merits{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr 1fr}.cdq-stage-side img{width:100%}}
@media(max-width:700px){.cdq-stage{min-height:auto}.cdq-stage-grid{grid-template-columns:1fr}.cdq-stage-side{min-height:300px}.cdq-reel{grid-template-columns:repeat(2,1fr)}.cdq-deal{display:block}.cdq-merits,.reviews-grid{grid-template-columns:1fr}.cdq-studios,.cdq-pays{grid-template-columns:repeat(2,1fr)}.section{padding:64px 0}}

:root {
  --surface-main: #e6e8ee;
  --surface-raised: #dee0e6;
}

html,
body,
main,
.header,
.footer,
.section,
.cdq-games,
.cdq-faq,
.cdq-paystrip,
.cdq-signin {
  background: var(--surface-main) !important;
  background-image: none !important;
}

.cdq-stage,
.cdq-band,
.cdq-voices,
.cdq-longform {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.cdq-cats li,
.cdq-deal,
.cdq-deal-art,
.cdq-merit,
.reviews-grid > article,
.cdq-faq details,
.cdq-signin-panel,
.cdq-post .form,
.cdq-studios li,
.cdq-pays li,
.footer .cdq-social a,
.cdq-voices-arrow {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.cdq-band .cdq-deal,
.cdq-band .cdq-deal-art,
.cdq-voices .reviews-grid > article,
.cdq-longform .cdq-geo iframe {
  background: var(--surface-main) !important;
  background-image: none !important;
}

.cdq-stage-side {
  background: transparent !important;
  background-image: none !important;
}

.cdq-cats li:first-child,
.cdq-cats li:hover,
.header .menu:hover,
.header .actions .play-btn,
.cdq-stage-cta .primary-btn,
.cdq-deal-copy .primary-btn,
.cdq-bcontent .btn,
.cdq-games-foot .primary-btn,
.cdq-signin-form .primary-btn,
.form > .btn,
.footer .cdq-social a {
  background: #544bc9 !important;
}

/* Authoritative game grid. Loaded after every other stylesheet. */
.cdq-reel,
.cdq-post .cdq-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
}

.cdq-cats + .cdq-reel,
.cdq-cats + .cdq-grid {
  margin-top: 36px !important;
}

.cdq-cats {
  gap: 8px !important;
}

.cdq-cats li {
  width: 108px !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  font-size: .76rem !important;
}

/* The homepage has all seven filters in one row, so keep them compact. */
.cdq-games .cdq-cats {
  gap: 6px !important;
}

.cdq-games .cdq-cats li {
  flex: 0 1 96px !important;
  width: 96px !important;
  min-height: 38px !important;
  padding: 6px 8px !important;
  font-size: .72rem !important;
}

.cdq-reel .cdq-tile,
.cdq-post .cdq-gcard {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cdq-reel .cdq-tile > a,
.cdq-post .cdq-gcard > a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  clip-path: inset(0 round 10px) !important;
}

.cdq-reel .cdq-tile img.cdq-cover,
.cdq-post .cdq-gcard img.cdq-cover {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  transform: none !important;
}

.cdq-reel .cdq-tile-name,
.cdq-post .cdq-gcard .cdq-ginfo { display: none !important; }

@media (max-width: 850px) {
  .cdq-reel,
  .cdq-post .cdq-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .cdq-cats li {
    flex: 0 0 102px !important;
    width: 102px !important;
  }
  .cdq-games .cdq-cats li {
    flex: 0 0 94px !important;
    width: 94px !important;
  }
  .cdq-reel,
  .cdq-post .cdq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }
}

/* Final visual corrections */
body {
  font-family: "Segoe UI Variable Text", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .005em;
}

h1, h2, h3, .brand, .btn, .nav a, .cdq-tile-name, .cdq-deal-copy > span,
.cdq-eyebrow, summary {
  font-family: "Segoe UI Variable Display", "Segoe UI", Helvetica, Arial, sans-serif;
}

h1, h2 { font-weight: 800; }
.cdq-stage-copy h1 { letter-spacing: -.06em; }
.section h2, .cdq-longform h2, .cdq-faq h2 { font-weight: 780; }
.btn, .nav a { font-weight: 750; letter-spacing: .01em; }

/* Internal slots page: keep the original portrait ratio and remove empty space. */
.cdq-cover {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: none !important;
}

.cdq-post .cdq-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}

.cdq-post .cdq-gcard {
  align-self: start;
  height: auto;
  min-height: 0;
  background: #e7e9ef;
  border-color: #c3c5cb;
}

.cdq-post .cdq-gcard > a {
  display: block;
  height: auto;
  line-height: 0;
}

.cdq-post .cdq-gcard img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: #edeff5;
}

.cdq-reel .cdq-tile img.cdq-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  background: #eef0f6;
}

.cdq-reel .cdq-tile > a {
  height: auto !important;
}

.cdq-post .cdq-gcard .cdq-ginfo {
  padding: 14px 15px 16px;
}

.cdq-post .cdq-gcard .cdq-ginfo h3 {
  margin: 0;
  color: #544bc9;
  font-size: 1rem;
  line-height: 1.25;
}

.cdq-post .cdq-gcard .cdq-ginfo span { display: none; }

/* Real cdq-payment logos require a dark neutral surface for white SVG artwork. */
.cdq-pays li {
  min-height: 112px;
  padding: 18px 16px 14px;
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(145deg, #dee0e6, #e8eaf0);
  border: 1px solid #bdbfc5;
}

.cdq-pays img {
  width: min(150px, 90%);
  height: 52px;
  object-fit: contain;
}

.cdq-pays .cdq-pay-name {
  color: #03050b;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
}

.footer .cdq-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.footer .cdq-social a {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0;
  border: 1px solid #544bc9;
  border-radius: 7px;
  background: #544bc9;
  color: #f0f2f8;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.footer .cdq-social a:hover {
  background: transparent;
  color: #544bc9;
  transform: translateY(-2px);
}

.footer .cdq-social img {
  display: block;
  width: 20px;
  height: 20px;
}

.cdq-longform-single {
  max-width: 940px;
}

.cdq-longform-head {
  max-width: 760px;
  margin-bottom: 42px;
}

.cdq-longform-head h2 {
  margin: 8px 0 14px;
}

.cdq-longform-head p {
  margin: 0;
  color: #4f5157;
  font-size: 1.08rem;
  line-height: 1.7;
}

.cdq-longform-single .cdq-longform-body {
  max-width: none;
}

.cdq-voices {
  border-top: 1px solid #d4d6dc;
  border-bottom: 1px solid #d4d6dc;
  background: radial-gradient(circle at 50% 0, rgba(255, 212, 0, .07), transparent 42%), #eceef4;
}

.cdq-voices .cdq-center-head h2 {
  color: #fff;
}

.nav a::before,
.cdq-stage-copy h1::after,
.section h2::after,
.cdq-longform h2::after,
.cdq-faq h2::after,
.cdq-voices .cdq-center-head h2::after {
  content: none !important;
  display: none !important;
}

/* Compact casino catalogue: fixed artwork ratio, no stretching and no tall empty cards. */
.cdq-reel {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.cdq-reel .cdq-tile > a,
.cdq-post .cdq-gcard > a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 !important;
  aspect-ratio: 500 / 560;
  border-radius: 12px 12px 0 0;
  background: #edeff5;
}

.cdq-reel .cdq-tile img.cdq-cover,
.cdq-post .cdq-gcard img.cdq-cover {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 500 / 560 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #edeff5;
}

.cdq-reel .cdq-tile {
  overflow: hidden;
  border: 1px solid #c3c5cb;
  border-radius: 13px;
  background: #e7e9ef;
}

.cdq-reel .cdq-tile > a { border: 0; }
.cdq-reel .cdq-tile-name {
  min-height: 48px;
  padding: 12px 11px 10px;
  color: #fff;
  font-size: .82rem;
  line-height: 1.25;
  text-transform: none;
}
.cdq-reel .cdq-tile-play {
  top: 50%;
  right: 50%;
  bottom: auto;
  transform: translate(50%, -40%);
  opacity: 0;
}
.cdq-reel .cdq-tile a:hover .cdq-tile-play {
  transform: translate(50%, -50%);
}

.cdq-post .cdq-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.cdq-post .cdq-gcard .cdq-ginfo { padding: 11px 12px 13px; }
.cdq-post .cdq-gcard .cdq-ginfo h3 {
  color: #fff;
  font-size: .84rem;
  line-height: 1.25;
}

.reviews-grid > article {
  border-color: #b6b8be;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}

@media (max-width: 850px) {
  .cdq-reel,
  .cdq-post .cdq-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .cdq-reel,
  .cdq-post .cdq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .cdq-pays li { min-height: 96px; }
}

/* FAQ cards keep their own height when a neighbouring answer opens. */
.cdq-faqgrid {
  align-items: start !important;
  grid-auto-rows: max-content !important;
}
.cdq-faqgrid details {
  align-self: start !important;
  height: fit-content !important;
  min-height: 0 !important;
}

.footer .cdq-foot-grid {
  grid-template-columns: minmax(280px, 1.45fr) .7fr .95fr .72fr !important;
  gap: 34px !important;
}
.cdq-foot-social > b {
  display: block;
  margin-bottom: 16px;
}
.cdq-foot-social .cdq-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.cdq-foot-social .cdq-social a {
  width: 38px;
  height: 38px;
}
.cdq-foot-social .cdq-social img {
  width: 18px;
  height: 18px;
}
@media (max-width: 900px) {
  .footer .cdq-foot-grid { grid-template-columns: 1.4fr 1fr 1fr !important; }
  .cdq-foot-social { grid-column: 2 / -1; }
}
@media (max-width: 600px) {
  .footer .cdq-foot-grid { grid-template-columns: 1fr !important; }
  .cdq-foot-social { grid-column: auto; }
}

/* One consistent design for primary and secondary action buttons. */
.header .actions .btn,
.cdq-stage-cta .btn,
.cdq-deal-copy .btn,
.cdq-bcontent .btn,
.cdq-games-foot .btn,
.cdq-signin-form .btn,
.form > .btn {
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: center;
}
.cdq-games-foot .btn {
  min-width: 190px !important;
  width: auto !important;
}
.header .actions .play-btn,
.cdq-stage-cta .primary-btn,
.cdq-deal-copy .primary-btn,
.cdq-bcontent .btn,
.cdq-games-foot .primary-btn,
.cdq-signin-form .primary-btn,
.form > .btn {
  border: 1px solid #544bc9 !important;
  background: #544bc9 !important;
  color: #f0f2f8 !important;
}
.header .actions .cdq-signin-btn {
  border: 1px solid #9a9ca2 !important;
  background: #e7e9ef !important;
  color: #fff !important;
}
.cdq-stage-cta .secondary-btn {
  border: 1px solid #8e9096 !important;
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
}

/* Responsible gambling badges in the footer. */
.cdq-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 38px;
  padding-bottom: 26px;
  border-bottom: 1px solid #cfd1d7;
}
.cdq-badges a {
  display: block;
  margin: 0;
  border-radius: 8px;
  transition: transform .2s ease, opacity .2s ease;
}
.cdq-badges a:hover { transform: translateY(-2px); opacity: .9; }
.cdq-badges a img {
  display: block;
  width: 168px;
  height: 45px;
  object-fit: contain;
  border-radius: 8px;
}
.cdq-age {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-weight: 850;
}
.cdq-age img {
  width: 48px;
  height: 48px;
  color: #544bc9;
}
@media (max-width: 560px) {
  .cdq-badges { align-items: stretch; gap: 10px; }
  .cdq-badges a img { width: 145px; height: 40px; }
}

/* Compact responsible-gaming marks at the bottom-right of the footer. */
.cdq-foot-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid #cfd1d7;
}
.cdq-foot-bottom .cdq-badges {
  display: grid;
  grid-template-columns: auto repeat(3, 98px);
  justify-content: end;
  align-items: center;
  gap: 14px;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
}
.cdq-foot-bottom .cdq-badges a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 30px;
  border-radius: 0;
}
.cdq-foot-bottom .cdq-badges a img {
  width: 94px;
  height: 28px;
  border-radius: 0;
  opacity: .88;
}
.cdq-foot-bottom .cdq-age {
  gap: 5px;
  font-size: .72rem;
  white-space: nowrap;
}
.cdq-foot-bottom .cdq-age img {
  width: 30px;
  height: 30px;
}
@media (max-width: 700px) {
  .cdq-foot-bottom { align-items: flex-start; flex-direction: column; }
  .cdq-foot-bottom .cdq-badges {
    grid-template-columns: repeat(2, minmax(0, 98px));
    justify-content: flex-start;
    margin-left: 0;
  }
  .cdq-foot-bottom .cdq-badges a img { width: 94px; height: 28px; }
}

.cdq-foot-pays {
  margin-bottom: 38px;
  padding-bottom: 28px;
  border-bottom: 1px solid #cfd1d7;
}
.cdq-foot-pays .cdq-pays { margin: 0 !important; }

/* Final compact site width and evenly spaced portrait game artwork. */
.container {
  width: min(1100px, calc(100% - 32px)) !important;
}
.cdq-reel,
.cdq-post .cdq-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
}
.cdq-reel .cdq-tile > a,
.cdq-post .cdq-gcard > a {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px !important;
  clip-path: inset(0 round 10px);
}
.cdq-reel .cdq-tile img.cdq-cover,
.cdq-post .cdq-gcard img.cdq-cover {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  transform: none !important;
}
.cdq-reel .cdq-tile,
.cdq-post .cdq-gcard {
  overflow: hidden !important;
  border-radius: 10px !important;
  clip-path: inset(0 round 10px);
}
.cdq-reel .cdq-tile a:hover img,
.cdq-post .cdq-gcard a:hover img { transform: none !important; }
@media (max-width: 850px) {
  .cdq-reel,
  .cdq-post .cdq-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .container { width: min(100% - 22px, 1100px) !important; }
  .cdq-reel,
  .cdq-post .cdq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 7px !important;
    row-gap: 9px !important;
  }
}

/* Login page */
.cdq-signin { padding: 88px 0 52px; }
.cdq-signin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
  align-items: center;
  gap: 70px;
}
.cdq-signin-copy h1 { margin: 8px 0 20px; }
.cdq-signin-copy > p { max-width: 650px; color: #3f4147; font-size: 1.08rem; }
.cdq-signin-points { margin: 28px 0 0; padding-left: 22px; color: #24262c; }
.cdq-signin-points li { margin: 10px 0; }
.cdq-signin-points a,
.cdq-signin-panel a,
.cdq-signin-guide a { color: #544bc9; }
.cdq-signin-panel {
  padding: 34px;
  border: 1px solid #bcbec4;
  border-radius: 18px;
  background: linear-gradient(155deg, #dfe1e7, #eaecf2);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}
.cdq-signin-panel h2 { margin: 0 0 24px; font-size: 1.65rem; }
.cdq-signin-form { display: grid; gap: 10px; }
.cdq-signin-form label { font-weight: 750; }
.cdq-signin-form input[type="email"],
.cdq-signin-form input[type="password"] {
  width: 100%;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 12px 14px;
  border: 1px solid #aeb0b6;
  border-radius: 8px;
  background: #eef0f6;
  color: #fff;
  font: inherit;
}
.cdq-signin-form input:focus { outline: 2px solid #544bc9; outline-offset: 2px; }
.cdq-signin-opts { display: flex; justify-content: space-between; gap: 18px; margin: 2px 0 12px; }
.cdq-signin-opts .cdq-remember { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.cdq-signin-form .btn { width: 100%; min-height: 50px; }
.cdq-signin-reg { margin: 20px 0 12px; text-align: center; }
.cdq-signin-panel small { display: block; color: #717379; line-height: 1.55; }
.cdq-signin-guide { padding-top: 28px; }
@media (max-width: 850px) {
  .cdq-signin-grid { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 520px) {
  .cdq-signin { padding-top: 52px; }
  .cdq-signin-panel { padding: 24px 18px; }
  .cdq-signin-opts { align-items: flex-start; flex-direction: column; }
}

/* Compact cdq-payment strip at the bottom of the homepage. */
.cdq-pays {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 20px !important;
}
.cdq-paystrip {
  padding: 34px 0 !important;
  border-top: 1px solid #d4d6dc;
  border-bottom: 1px solid #d4d6dc;
  background: #eef0f6;
}
.cdq-paystrip .cdq-pays { margin: 0 !important; }

.cdq-geo {
  margin-top: 52px;
  padding-top: 42px;
  border-top: 1px solid #c7c9cf;
}
.cdq-geo-head { margin-bottom: 22px; }
.cdq-geo-head h2 { margin: 7px 0 8px; }
.cdq-geo-head p { margin: 0; color: #3f4147; }
.cdq-geo iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
  border-radius: 16px;
  background: #e7e9ef;
}
@media (max-width: 560px) {
  .cdq-geo { margin-top: 38px; padding-top: 32px; }
  .cdq-geo iframe { height: 320px; border-radius: 12px; }
}
.cdq-pays li {
  min-height: 74px !important;
  padding: 10px 7px 8px !important;
  gap: 5px !important;
  border-radius: 9px !important;
}
.cdq-pays img {
  width: min(92px, 88%) !important;
  height: 32px !important;
}
.cdq-pays .cdq-pay-name {
  font-size: .67rem !important;
  line-height: 1.1 !important;
}
@media (max-width: 1000px) {
  .cdq-pays { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .cdq-pays { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Final game catalogue: clean square artwork with no card frames or captions. */
.cdq-reel,
.cdq-post .cdq-grid {
  align-items: stretch !important;
  gap: 18px !important;
}
.cdq-reel .cdq-tile,
.cdq-post .cdq-gcard {
  min-width: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.cdq-reel .cdq-tile > a,
.cdq-post .cdq-gcard > a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  line-height: 0;
}
.cdq-reel .cdq-tile img.cdq-cover,
.cdq-post .cdq-gcard img.cdq-cover {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  transform: none;
}
.cdq-reel .cdq-tile-name,
.cdq-post .cdq-gcard .cdq-ginfo {
  display: none !important;
}
.cdq-reel .cdq-tile-play {
  display: grid;
  place-items: center;
  min-width: 62px;
  min-height: 38px;
  line-height: 1;
  border-radius: 7px;
}
.cdq-reel .cdq-tile a:hover img,
.cdq-post .cdq-gcard a:hover img {
  transform: scale(1.025) !important;
}

.cdq-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 24px 0 6px;
  padding: 0;
  list-style: none;
}
.cdq-cats li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #bcbec4;
  border-radius: 7px;
  background: #e7e9ef;
  color: #1f2127;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
@media (max-width: 700px) {
  .cdq-cats {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .cdq-cats::-webkit-scrollbar { display: none; }
  .cdq-cats li { flex: 0 0 118px; width: 118px; }
}
.cdq-cats li:first-child {
  border-color: #544bc9;
  background: #544bc9;
  color: #f0f2f8;
}
.cdq-cats li:hover {
  border-color: #544bc9;
  background: #544bc9;
  color: #f0f2f8;
  transform: translateY(-1px);
}
.cdq-cats li:first-child:hover {
  border-color: #ffd346;
  background: #ffd346;
}

/* Five-card player review slider. */
.cdq-voices-slider { position: relative; }
.cdq-voices .cdq-center-head {
  max-width: 780px;
  margin: 0 0 38px;
  text-align: left;
}
.cdq-voices .cdq-center-head p { margin-left: 0; margin-right: 0; }
.cdq-voices-slider .reviews-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.cdq-voices-slider .reviews-grid::-webkit-scrollbar { display: none; }
.cdq-voices-slider .reviews-grid > article {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  scroll-snap-align: start;
}
.cdq-voices-ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.cdq-voices-arrow {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #544bc9;
  border-radius: 7px;
  background: #e7e9ef;
  color: #544bc9;
  font-size: 1.25rem;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.cdq-voices-arrow:hover { background: #544bc9; color: #f0f2f8; }
.cdq-voices-arrow:disabled { opacity: .35; cursor: default; }
.cdq-voices-dots { display: flex; gap: 7px; }
.review-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #a2a4aa;
  cursor: pointer;
}
.review-dot.active { width: 22px; border-radius: 999px; background: #544bc9; }
@media (max-width: 850px) {
  .cdq-voices-slider .reviews-grid > article { flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 560px) {
  .cdq-voices-slider .reviews-grid { gap: 0 !important; }
  .cdq-voices-slider .reviews-grid > article { flex: 0 0 100%; }
}

/* Contact form aligned with the header button and panel design. */
.cdq-post .form {
  max-width: 760px;
  margin-top: 30px;
  padding: 28px;
  gap: 16px;
  border: 1px solid #c3c5cb;
  border-radius: 14px;
  background: linear-gradient(155deg, #e0e2e8, #ebedf3);
}
.cdq-post .form label {
  display: grid;
  gap: 7px;
  color: #05070d;
  font-weight: 750;
}
.cdq-post .form input,
.cdq-post .form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #aeb0b6;
  border-radius: 7px;
  background: #eef0f6;
  color: #fff;
  font: inherit;
}
.cdq-post .form input { min-height: 48px; }
.cdq-post .form textarea { min-height: 180px; resize: vertical; }
.cdq-post .form input:focus,
.cdq-post .form textarea:focus {
  outline: 2px solid #544bc9;
  outline-offset: 2px;
  border-color: #544bc9;
}
.cdq-post .form > .btn {
  justify-self: start;
  width: auto !important;
  min-width: 170px;
}
@media (max-width: 560px) {
  .cdq-post .form { padding: 20px 16px; }
  .cdq-post .form > .btn { width: 100% !important; }
}

/* Mobile menu trigger matches the other header controls. */
.header .menu {
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1px solid #9a9ca2 !important;
  border-radius: 7px !important;
  background: #e7e9ef !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.header .menu:hover {
  border-color: #544bc9 !important;
  background: #544bc9 !important;
  color: #f0f2f8 !important;
}
@media (max-width: 560px) {
  .header .menu { min-width: 78px; padding: 0 14px !important; }
}
.cdq-games-foot {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.cdq-games-foot .btn {
  min-width: 190px;
  min-height: 48px;
}

/* Keep the first screen close to the header. */
.cdq-stage {
  position: relative;
  min-height: 0 !important;
  padding: 62px 0 54px !important;
  align-items: flex-start !important;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 22% 42%, rgba(35, 43, 57, .50) 0%, rgba(23, 28, 38, .18) 43%, transparent 68%),
    linear-gradient(90deg, #dee0e6 0%, #dfe1e7 36%, #e3e5eb 68%, #eceef4 100%) !important;
}

/* Stable five-column game grid for the approved desktop layout. */
.cdq-reel,
.cdq-post .cdq-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 12px !important;
}
.cdq-reel .cdq-tile,
.cdq-reel .cdq-tile > a,
.cdq-reel .cdq-tile img.cdq-cover,
.cdq-post .cdq-gcard,
.cdq-post .cdq-gcard > a,
.cdq-post .cdq-gcard img.cdq-cover {
  border-radius: 10px !important;
  overflow: hidden !important;
}
.cdq-reel .cdq-tile img.cdq-cover,
.cdq-post .cdq-gcard img.cdq-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  clip-path: inset(0 round 10px);
}
.cdq-reel .cdq-tile > a,
.cdq-post .cdq-gcard > a {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
}
@media (max-width: 980px) {
  .cdq-reel,
  .cdq-post .cdq-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
  .cdq-reel,
  .cdq-post .cdq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
.cdq-stage::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  pointer-events: none;
  background:
    radial-gradient(circle at 69% 48%, rgba(67, 151, 205, .07), transparent 26%),
    linear-gradient(112deg, transparent 56%, rgba(255, 255, 255, .018) 68%, transparent 80%);
}
.cdq-stage::after {
  display: none;
}
.cdq-stage-grid {
  position: relative;
  z-index: 1;
}
.cdq-stage-grid { align-items: center !important; }
.cdq-stage-copy h1 { margin-top: 0 !important; }
.cdq-stage-side {
  position: relative;
  min-height: 410px !important;
  overflow: hidden;
  isolation: isolate;
  background: transparent !important;
}
.cdq-stage-side::before {
  display: none;
}
.cdq-stage-side img { max-height: 430px !important; }
.cdq-stage-side .cdq-prov-badge {
  width: min(78%, 390px) !important;
  height: auto !important;
  max-width: 390px !important;
  max-height: 390px !important;
  object-fit: contain !important;
  filter: none;
  position: relative;
  z-index: 1;
}
.cdq-topact {
  margin: 24px 0 34px;
}
.cdq-topact .btn {
  width: fit-content;
  min-width: 190px;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;
  font-size: .94rem !important;
  line-height: 1 !important;
}

/* Centre the primary links without pushing them against the account controls. */
@media (min-width: 851px) {
  .header .row {
    position: relative;
  }
  .header .nav {
    position: absolute;
    left: 50%;
    margin-left: 0 !important;
    transform: translateX(-50%);
  }
  .header .actions {
    margin-left: auto;
  }
}

/* Keep the three bonus cards level on the dedicated bonuses page. */
.cdq-post .cdq-deals {
  align-items: stretch;
}
.cdq-post .cdq-deals .cdq-deal {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.cdq-post .cdq-deals .cdq-deal-art {
  flex: 0 0 250px;
  min-height: 250px;
}
.cdq-post .cdq-deals .cdq-deal-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-self: stretch;
}
.cdq-post .cdq-deals .cdq-deal-copy > span {
  min-height: 3.2em;
}
.cdq-post .cdq-deals .cdq-deal-copy h3 {
  min-height: 3.1em;
}
.cdq-post .cdq-deals .cdq-deal-copy p {
  margin-bottom: 22px;
}
.cdq-post .cdq-deals .cdq-deal-copy .btn {
  margin-top: auto;
}
@media (max-width: 850px) {
  .cdq-stage { padding: 50px 0 46px !important; }
  .cdq-stage-side { min-height: 320px !important; }
  .cdq-stage-side .cdq-prov-badge {
    width: min(72%, 280px) !important;
    max-width: 280px !important;
    max-height: 280px !important;
  }
  .cdq-post .cdq-deals .cdq-deal-copy > span,
  .cdq-post .cdq-deals .cdq-deal-copy h3 {
    min-height: 0;
  }
}
@media (max-width: 560px) {
  .cdq-stage { padding-top: 44px !important; }
}

/* Final restrained type scale for the finished template. */
.cdq-stage-copy h1 {
  max-width: 640px;
  font-size: clamp(2.4rem, 4.4vw, 4.1rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}
.section h2,
.cdq-longform h2,
.cdq-faq h2,
.cdq-post h1 {
  font-size: clamp(1.85rem, 3.2vw, 2.9rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
.cdq-head h2 { font-size: clamp(1.85rem, 3vw, 2.75rem) !important; }
.cdq-post h2 {
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  line-height: 1.2 !important;
}
.cdq-post h3,
.cdq-longform-body h3 { font-size: clamp(1.15rem, 1.8vw, 1.4rem) !important; }
.cdq-deal-copy h3 { font-size: 1.35rem !important; }
.cdq-merit h3 { font-size: 1.12rem !important; }
.reviews-grid h3 { font-size: 1rem !important; }
@media (max-width: 560px) {
  .cdq-stage-copy h1 { font-size: clamp(2rem, 10.5vw, 2.8rem) !important; }
  .section h2,
  .cdq-longform h2,
  .cdq-faq h2,
  .cdq-post h1 { font-size: clamp(1.7rem, 8vw, 2.25rem) !important; }
}

/* Compact mobile layout for narrow phones. */
@media (max-width: 560px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }
  .header .row {
    min-height: 64px !important;
    gap: 6px !important;
    padding: 0 !important;
  }
  .header .brand {
    min-width: 0;
    gap: 6px;
    font-size: .78rem !important;
    white-space: nowrap;
  }
  .header .brand img {
    flex: 0 1 auto;
    width: auto !important;
    height: 44px !important;
    max-width: 140px !important;
    object-fit: contain;
    object-position: left center;
  }
  .header .menu,
  .header .lang {
    min-width: 42px;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 9px !important;
    font-size: .72rem !important;
  }
  .header .actions { gap: 5px !important; }
  .header .nav.open {
    top: 64px !important;
    background: rgba(8, 9, 11, .99) !important;
    background-image: none !important;
    border-top: 1px solid #d4d6dc;
    border-bottom: 1px solid #d4d6dc;
  }
  .cdq-stage {
    padding: 52px 0 38px !important;
  }
  .cdq-stage-grid,
  .cdq-stage-copy,
  .cdq-stage-side {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .cdq-stage-copy h1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px !important;
    font-size: clamp(1.7rem, 9vw, 2.15rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .cdq-stage-copy > p {
    max-width: 100%;
    font-size: .92rem !important;
    line-height: 1.65 !important;
  }
  .cdq-stage-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: 9px !important;
    margin: 20px 0 13px !important;
  }
  .cdq-stage-cta .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: .78rem !important;
    white-space: normal !important;
  }
  .cdq-stage-copy small {
    display: block;
    max-width: 100%;
    font-size: .72rem;
    line-height: 1.55;
  }
  .cdq-stage-side {
    min-height: 230px !important;
    margin-top: 12px;
  }
  .cdq-stage-side .cdq-prov-badge {
    width: min(68%, 190px) !important;
    max-width: 190px !important;
    max-height: 210px !important;
  }
  .cdq-post,
  .cdq-post p,
  .cdq-post h1,
  .cdq-post h2,
  .cdq-post h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}