/* MA36 cookie consent — essential only by default, device-only choice */
.cc{position:fixed;z-index:90;inset-inline:16px;bottom:16px;max-width:760px;margin-inline:auto;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;background:rgba(15,15,18,.97);border:1px solid #30304A;box-shadow:0 20px 60px rgba(0,0,0,.6);backdrop-filter:blur(10px);font-size:15px}
.cc[hidden],.ccm[hidden]{display:none}
.cc .hz{flex:none;width:8px;align-self:stretch;border-radius:4px;background:var(--haz)}
.cc .tx{flex:1;min-width:0;color:#D2D2DD;line-height:1.6}.cc .tx b{color:var(--tx);display:block;font-size:16px}
.cc .tx a{color:var(--y);font-weight:700}
.cc .bt{flex:none;display:flex;gap:8px}
.cc button,.ccm button{height:48px;padding:0 18px;border-radius:12px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;border:1px solid #30304A;background:transparent;color:var(--tx)}
.cc .y,.ccm .y{background:var(--y);color:#08080C;border-color:var(--y)}
.ccm{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:rgba(0,0,0,.6);padding:16px}
.ccm .bx{width:100%;max-width:520px;border-radius:24px;background:#0F0F12;border:1px solid #30304A;padding:24px}
.ccm h3{font-size:22px;margin-bottom:6px}.ccm>.bx>p{color:#D2D2DD;font-size:15px}
.ccm .row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #1C1C2A}
.ccm .row:first-of-type{margin-top:12px}
.ccm .row div{flex:1}.ccm .row b{display:block}.ccm .row small{color:var(--mu);font-size:14px}
.ccm .sw{position:relative;flex:none;width:60px;height:44px}.ccm .sw span{top:6px!important;bottom:6px!important}
.ccm .sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.ccm .sw span{position:absolute;inset:0;border-radius:99px;background:#30304A;transition:.2s}
.ccm .sw span:after{content:"";position:absolute;top:4px;inset-inline-start:4px;width:24px;height:24px;border-radius:50%;background:#8E8EA4;transition:.2s}
.ccm .sw input:checked+span{background:var(--g)}.ccm .sw input:checked+span:after{background:#fff;inset-inline-start:28px}
.ccm .sw input:disabled+span{opacity:.6}
.ccm .sw input:focus-visible+span{outline:2px solid var(--y);outline-offset:2px}
.ccm .ft{display:flex;gap:10px;margin-top:18px}.ccm .ft button{flex:1}
.ccm .on{flex:none;font-size:13px;font-weight:800;color:var(--g);background:var(--gs);border-radius:99px;padding:4px 12px}
.cc-link{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.cc{inset-inline:10px;bottom:10px;flex-wrap:wrap;gap:10px;padding:14px}.cc .hz{display:none}.cc .tx{font-size:14px}.cc .tx b{font-size:15px}
.cc .bt{width:100%}.cc .bt button{flex:1;padding:0 8px;font-size:14px}.ccm .bx{padding:20px}}

/* MSH26 — slim bottom bar (same text + buttons), ≤ 12 % of viewport */
.cc{inset-inline:0;bottom:0;max-width:none;border-radius:0;border-width:1px 0 0;padding:10px 24px;gap:14px;font-size:14px;box-shadow:0 -8px 30px rgba(0,0,0,.45)}
.cc .hz{width:6px}
.cc .tx{line-height:1.5}.cc .tx b{display:inline;font-size:14px;margin-inline-end:6px}
.cc button{height:40px;padding:0 14px;font-size:14px;border-radius:10px}
@media (max-width:640px){.cc{inset-inline:0;bottom:0;padding:8px 10px;gap:6px}.cc .tx{font-size:12.5px;line-height:1.45}.cc .tx b{font-size:12.5px}
.cc .bt{gap:6px}.cc .bt button{height:36px;font-size:13px}}
@media (max-width:640px){.cc{padding:6px 10px;gap:5px}.cc .tx{font-size:12px;line-height:1.4}.cc .tx b{font-size:12px}.cc .bt button{height:34px}}
/* MSH26 r2 — while the bar is open, page bottom stays reachable */
body:has(.cc:not([hidden])){padding-bottom:96px}
.cc .tx a{white-space:nowrap}
body:has(.mnav[open]) .cc{display:none}
/* MSH26 r4: no clamp — full consent text + Details link */
/* MSH29: lighter consent bar on phones (≤10 % viewport, never over CTAs) */
@media (max-width:640px){.cc{padding:5px 10px 6px;gap:4px;background:rgba(14,16,20,.94);box-shadow:0 -4px 14px rgba(0,0,0,.35)}.cc .tx{font-size:11.5px;line-height:1.35}.cc .tx b{font-size:11.5px}.cc .bt button{height:30px;font-size:12.5px;border-radius:8px}}
body:has(.cc:not([hidden])){padding-bottom:84px}
@media (max-width:400px){.cc .tx b{display:none}}
@media (max-width:640px){.cc{padding-inline:16px}.cc .tx{font-size:12px}}
