/* Shared: base, header, cookie banner */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#EEF0F2}
input,button{font:inherit}
img{max-width:100%}
.panes{background-color:#EEF0F2;background-image:linear-gradient(#DFE2E6 1px,transparent 1px),linear-gradient(90deg,#DFE2E6 1px,transparent 1px);background-size:96px 72px;background-position:0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Cookie banner + settings panel */
.ck{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:0 24px 24px;pointer-events:none;font-family:Barlow,system-ui,sans-serif}
.ck[hidden]{display:none}
.ck-card{pointer-events:auto;margin:0 auto;background:#0B0B0C;color:#FFFFFF;border:1px solid #2E3035;border-radius:20px;box-shadow:0 20px 50px rgba(11,11,12,0.35)}
.ck-card--banner{max-width:1152px;padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.ck-card--panel{max-width:640px;max-height:calc(100vh - 32px);overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:4px}
.ck-h{margin:0;font-family:'Barlow Semi Condensed',sans-serif;font-weight:700;font-size:26px;line-height:1.1}
.ck-h span{color:#FF2E8B}
.ck-p{margin:0;font-size:15px;line-height:1.55;color:#C9CDD2}
.ck-p a{color:#FFFFFF;font-weight:600}
.ck-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.ck-link{background:none;border:0;padding:0 8px;min-height:48px;color:#FFFFFF;font-weight:600;font-size:15px;text-decoration:underline;cursor:pointer}
.ck button,.ck a{font-family:inherit}
.ck button:focus-visible,.ck a:focus-visible{outline:3px solid #FF2E8B;outline-offset:2px}
.ck-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;transition:transform 0.12s,box-shadow 0.12s}
.ck-btn:hover{transform:translateY(-1px)}
.ck-acc{background:#FF2E8B;color:#0B0B0C;border:0;box-shadow:0 6px 18px rgba(255,46,139,0.35)}
.ck-rej{background:linear-gradient(180deg,#F4F5F7 0%,#C9CDD2 100%);color:#0B0B0C;border:0}
.ck-out{background:transparent;color:#FFFFFF;border:1px solid #6B7178}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #2E3035}
.ck-row h3{margin:0 0 4px;font-size:17px}
.ck-row p{margin:0;font-size:14px;line-height:1.5;color:#A7ACB3}
.ck-pill{flex:none;padding:6px 12px;border-radius:999px;background:#26292D;color:#C9CDD2;font-size:13px;font-weight:700}
.ck-sw{flex:none;width:60px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-end}
.ck-sw>span{position:relative;display:block;width:52px;height:30px;border-radius:999px;transition:background 0.15s;background:#4A4D53}
.ck-sw>span>span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#FFFFFF;transition:left 0.15s}
.ck-sw[aria-checked="true"]>span{background:#FF2E8B}
.ck-sw[aria-checked="true"]>span>span{left:25px}
.ck-pbtns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.ftr-ck{background:none;border:0;padding:0;color:#A7ACB3;font-size:13px;text-decoration:underline;cursor:pointer;font-family:inherit}
.ftr-ck:hover{color:#FFFFFF}
@media (max-width:640px){
.ck{padding:0 8px 8px}
.ck-card--banner,.ck-card--panel{padding:18px 16px;border-radius:16px;gap:14px}
.ck-h{font-size:21px}
.ck-p{font-size:14px}
.ck-btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-btns .ck-link{grid-column:1/-1;order:3;min-height:40px}
.ck-btn{padding:0 12px;font-size:15px}
.ck-pbtns{flex-direction:column-reverse;align-items:stretch;gap:8px}
.ck-row{align-items:flex-start}
}