[data-mm-header]{--mm-bg:#ffffff;--mm-text:#333333;--mm-primary:#2563eb;--mm-overlay-bg:rgba(0,0,0,0.5);--mm-transition:0.3s ease}[data-mm-header]{position:relative}[data-mm-toggle]{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}[data-mm-toggle] span{display:block;width:24px;height:2px;background:var(--mm-text);transition:var(--mm-transition)}[data-mm-menu]{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:var(--mm-bg);opacity:0;visibility:hidden;transition:opacity var(--mm-transition),visibility var(--mm-transition);z-index:1100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}[data-mm-menu].mm-open{opacity:1;visibility:visible}[data-mm-menu] ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px}[data-mm-menu] ul li a{display:block;padding:12px 24px;color:var(--mm-text);text-decoration:none;font-size:22px;font-weight:500;transition:color var(--mm-transition)}[data-mm-menu] ul li a:hover{color:var(--mm-primary)}[data-mm-close]{position:absolute;top:20px;right:20px;background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:var(--mm-text);padding:4px 8px;z-index:1101}@media(min-width:768px){[data-mm-toggle]{display:none!important}[data-mm-menu]{position:static!important;width:auto!important;height:auto!important;background:transparent!important;opacity:1!important;visibility:visible!important;padding:0!important;flex-direction:row!important;justify-content:flex-end!important}[data-mm-menu] ul{flex-direction:row;gap:0;align-items:center}[data-mm-menu] ul li a{padding:8px 16px;font-size:inherit;font-weight:inherit}[data-mm-close]{display:none!important}}@media(prefers-reduced-motion:reduce){[data-mm-menu],[data-mm-toggle] span{transition:none!important}}


.Consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1300;
  background: var(--bg-secondary);
  color: var(--text-primary);
  border-top: 1px solid var(--accent-line);
  box-shadow: var(--shadow-lift);
  padding: var(--space-3) var(--gutter);
  transform: translateY(105%);
  transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.Consent.is-visible { transform: translateY(0); }
.Consent[hidden] { display: none; }

.Consent-inner {
  width: 90vw;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.Consent-body { flex: 1 1 380px; }

.Consent-title {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.05rem;
  margin: 0 0 var(--space-1);
}

.Consent-text {
  margin: 0;
  max-width: 62ch;
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.Consent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  flex: 0 0 auto;
}


.Consent-btn {
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 700;
  padding: var(--space-1) var(--space-3);
  min-height: 44px;
  border: 1px solid var(--accent);
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: var(--accent);
  transition: background var(--motion), color var(--motion);
}

.Consent-btn--accept,
.Consent-btn--reject {
  background: var(--accent);
  color: #fffaf4;
}

.Consent-btn--accept:hover,
.Consent-btn--reject:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.Consent-btn--custom:hover { background: var(--accent-soft); }

.Consent-panel {
  width: 90vw;
  max-width: 1180px;
  margin: var(--space-3) auto 0;
  border-top: 1px solid var(--line);
  padding-top: var(--space-3);
}

.Consent-panel[hidden] { display: none; }

.Consent-cat {
  display: flex;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--line);
}

.Consent-catBody h4 { margin: 0 0 4px; font-size: 0.95rem; }
.Consent-catBody p { margin: 0; font-size: 0.85rem; color: var(--text-secondary); max-width: 70ch; }

.Consent-check {
  width: 20px;
  height: 20px;
  margin-top: 6px;
  accent-color: var(--accent);
  flex: 0 0 auto;
}

.Consent-panelActions { padding-top: var(--space-2); }

@media (max-width: 768px) {
  .Consent { padding: var(--space-2) var(--gutter); max-height: 82vh; overflow-y: auto; }
  .Consent-inner { width: 100%; }
  .Consent-panel { width: 100%; }
  .Consent-actions { width: 100%; }
  .Consent-btn { flex: 1 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
  .Consent { transition: none; }
}