.consent-banner {
  position: fixed; bottom: 0; left: 0; right: 0;
  z-index: 10000;
  background: var(--paper, #fff);
  border-top: 3px solid var(--c-dark-blue, #1F2D3F);
  box-shadow: 0 -8px 32px -8px rgba(31,45,63,0.25);
  padding: 24px 32px;
  font-family: var(--font-ui, 'Roboto Condensed', system-ui, sans-serif);
  color: var(--ink, #1F2D3F);
  display: none;
}
.consent-banner.visible { display: block; }
.consent-inner { max-width: 960px; margin: 0 auto; }
.consent-inner h3 { font-family: var(--font-display, 'Impact', sans-serif); font-weight: 900; font-size: 18px; text-transform: uppercase; letter-spacing: 0.03em; margin: 0 0 8px; }
.consent-inner p { font-size: 13px; line-height: 1.5; color: var(--ink-2, #455366); margin: 0 0 16px; max-width: 640px; }
.consent-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.consent-btn { border: 2px solid var(--c-dark-blue, #1F2D3F); font-family: var(--font-ui, system-ui); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; padding: 10px 20px; cursor: pointer; background: transparent; color: var(--ink, #1F2D3F); }
.consent-btn:hover { background: var(--c-dark-blue, #1F2D3F); color: #fff; }
.consent-btn.primary { background: var(--c-blue, #59C2FB); color: var(--c-dark-blue, #1F2D3F); }
.consent-btn.primary:hover { background: var(--c-dark-blue, #1F2D3F); color: var(--c-blue, #59C2FB); }
.consent-link { background: none; border: none; font-family: var(--font-ui, system-ui); font-size: 12px; color: var(--ink-3, #7A8597); cursor: pointer; text-decoration: underline; padding: 10px 8px; }
.consent-link:hover { color: var(--ink, #1F2D3F); }
.consent-details { display: none; margin-top: 16px; border-top: 1px solid var(--line-soft, rgba(31,45,63,0.14)); padding-top: 16px; }
.consent-details.open { display: block; }
.consent-cat { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line-soft, rgba(31,45,63,0.14)); }
.consent-cat:last-child { border-bottom: none; }
.consent-cat-info { flex: 1; }
.consent-cat-name { font-weight: 700; font-size: 13px; margin-bottom: 2px; }
.consent-cat-desc { font-size: 12px; color: var(--ink-2, #455366); line-height: 1.4; }
.consent-cat-tag { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-3, #7A8597); white-space: nowrap; padding-top: 2px; }
.consent-toggle { position: relative; width: 40px; height: 22px; flex-shrink: 0; margin-top: 2px; background: var(--hover, #DADADA); border: none; cursor: pointer; padding: 0; }
.consent-toggle::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: #fff; transition: transform 0.15s; }
.consent-toggle.on { background: var(--c-blue, #59C2FB); }
.consent-toggle.on::after { transform: translateX(18px); }
.consent-toggle:disabled { opacity: 0.5; cursor: default; }