


[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}}


.cc-root {
  --cc-bg: #141414;
  --cc-bg-light: #1a1a1a;
  --cc-text: #ffffff;
  --cc-text-2: #b3b3b3;
  --cc-primary: #e50914;
  --cc-primary-hover: #f40612;
  --cc-line: rgba(255, 255, 255, 0.08);
  --cc-shadow: rgba(0, 0, 0, 0.66);
  --cc-radius: 4px;
  --cc-radius-lg: 8px;
  --cc-pad-btn: 0.85rem 1.618rem;
  font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}

.cc-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1200;
  background: var(--cc-bg);
  border-top: 2px solid var(--cc-primary);
  box-shadow: 0 -12px 40px var(--cc-shadow);
  padding: 1.618rem 4%;
  transform: translateY(105%);
  transition: transform 0.36s cubic-bezier(0.22, 0.8, 0.3, 1);
}
.cc-banner.is-shown { transform: translateY(0); }
.cc-banner__inner { width: 100%; max-width: 74rem; margin: 0 auto; display: grid; gap: 1.618rem; }
@media (min-width: 900px) { .cc-banner__inner { grid-template-columns: 1fr auto; align-items: center; } }
.cc-banner__title {
  font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.1em;
  font-size: 1.05rem; margin: 0 0 0.5rem; color: var(--cc-text);
}
.cc-banner__text { margin: 0; font-size: 0.9rem; line-height: 1.6; color: var(--cc-text-2); }
.cc-link { color: var(--cc-primary-hover); text-decoration: underline; }
.cc-actions { display: flex; flex-wrap: wrap; gap: 0.618rem; }
.cc-btn {
  font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.08em;
  font-size: 0.85rem; padding: var(--cc-pad-btn); border-radius: var(--cc-radius);
  border: 1px solid var(--cc-line); cursor: pointer; transition: 0.2s ease; flex: 1 1 auto;
}
.cc-btn--accept { background: var(--cc-primary); color: #fff; border-color: var(--cc-primary); }
.cc-btn--accept:hover { background: var(--cc-primary-hover); }
.cc-btn--reject { background: var(--cc-bg-light); color: var(--cc-text); }
.cc-btn--reject:hover { border-color: var(--cc-primary); }
.cc-btn--config { background: transparent; color: var(--cc-text-2); }
.cc-btn--config:hover { color: var(--cc-text); border-color: var(--cc-primary); }

.cc-modal {
  position: fixed; inset: 0; z-index: 1300; display: none;
  align-items: center; justify-content: center; padding: 4%;
  background: rgba(0, 0, 0, 0.78);
}
.cc-modal.is-shown { display: flex; }
.cc-modal__box {
  background: var(--cc-bg); border: 1px solid var(--cc-line); border-radius: var(--cc-radius-lg);
  width: 100%; max-width: 40rem; max-height: 84vh; overflow-y: auto; padding: 2.618rem;
  box-shadow: 0 30px 80px var(--cc-shadow);
}
.cc-modal__title { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-size: 1.2rem; margin: 0 0 1.618rem; }
.cc-cat { border-top: 1px solid var(--cc-line); padding: 1.118rem 0; }
.cc-cat__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.cc-cat__name { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.92rem; }
.cc-cat__desc { margin: 0.5rem 0 0; font-size: 0.84rem; color: var(--cc-text-2); }
.cc-switch { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.78rem; color: var(--cc-text-2); cursor: pointer; }
.cc-switch input { width: 18px; height: 18px; accent-color: var(--cc-primary); cursor: pointer; }
.cc-modal__actions { display: flex; gap: 0.618rem; margin-top: 1.618rem; flex-wrap: wrap; }
.cc-modal__close { background: none; border: none; color: var(--cc-text-2); font-size: 1.8rem; line-height: 1; cursor: pointer; float: right; padding: 0 0.3rem; }
.cc-modal__close:hover { color: var(--cc-primary-hover); }
