.nav#nav { position: fixed; top: 0; left: 0; right: 0; transform: translateZ(0); -webkit-transform: translateZ(0); will-change: transform; }
html, body { overscroll-behavior-y: none; }
body.mcta-on .nav .nav-cta { opacity: 1; pointer-events: auto; }
body.preferences-open { overflow: hidden; }
.cookie-modal[hidden], .cookie-options[hidden], .cookie-actions [hidden] { display: none !important; }
.cookie-modal { overscroll-behavior: contain; }
.cookie-box { box-sizing: border-box; }
.cookie-box a { color: #a20f14; text-decoration: underline; }
.cookie-box p + p { margin-top: 12px; }
@media(max-width:760px) { .method-side { position: static !important; } }
@media(max-width:620px) {
  #realisations .site.cine .cine-nav { flex-wrap: wrap; gap: 6px 12px; }
  #realisations .panel .site.cine .cine-nav .s-links { display: flex; order: 3; width: 100%; margin: 0; gap: 16px; }
  #realisations .site.cine .cine-nav .s-links .mini-action { min-height: 36px; font-size: 12px; }
}
#mcta,
#mcta.show,
.cookie-bar {
  display: none !important;
}

.cookie-reopen {
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 60;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(17, 17, 17, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: #111;
  font: 600 13px "Instrument Sans", system-ui, sans-serif;
  box-shadow: 0 16px 34px -22px rgba(0, 0, 0, .7);
  cursor: pointer;
}

.cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 18px;
  background: rgba(0, 0, 0, .42);
}

.cookie-modal.show {
  display: flex;
}

.cookie-box {
  width: min(100%, 560px);
  max-height: min(720px, calc(100svh - 36px));
  overflow: auto;
  border-radius: 8px;
  background: #fff;
  color: #111;
  padding: 24px;
  box-shadow: 0 34px 80px -42px rgba(0, 0, 0, .8);
}

.cookie-box h2 {
  margin: 0 0 10px;
  font: 700 24px/1.1 "Instrument Sans", system-ui, sans-serif;
}

.cookie-box p {
  margin: 0;
  color: #555;
  line-height: 1.55;
}

.cookie-options {
  display: none;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #eee;
}

.cookie-options.show {
  display: grid;
  gap: 12px;
}

.cookie-choice {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #222;
  line-height: 1.45;
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.cookie-actions button {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid #ddd;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font: 700 14px "Instrument Sans", system-ui, sans-serif;
  cursor: pointer;
}

.cookie-actions .primary {
  border-color: #D7141A;
  background: #D7141A;
  color: #fff;
}

.hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 760px) {
  .cookie-reopen {
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }

  .cookie-modal {
    align-items: flex-end;
    padding: 10px;
  }

  .cookie-box {
    padding: 20px;
  }

  .cookie-actions {
    display: grid;
  }
}

/* ===== Fenêtre cookies aux couleurs Studio 490 (rouge et blanc) ===== */
.cookie-modal{background:rgba(17,17,17,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.cookie-box{position:relative;border-radius:24px;padding:0 26px 26px;overflow:hidden;background:#fff}
.cookie-box::before{content:"";display:block;height:8px;background:#D7141A;margin:0 -26px 24px}
.cookie-box h2{font-family:"Archivo",system-ui,sans-serif;font-weight:700;font-stretch:110%;font-size:24px;line-height:1.05;letter-spacing:-.04em;color:#111}
.cookie-box h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;background:#D7141A;margin-right:10px;vertical-align:middle}
.cookie-box p{color:#555;font-family:"Instrument Sans",system-ui,sans-serif;font-size:15px}
.cookie-box a{color:#D7141A;font-weight:600}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cookie-actions button{min-height:46px;border-radius:999px;font:600 11px/1 "Instrument Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.cookie-actions button[data-cookie="accept"],.cookie-actions button[data-cookie="save"]{background:#D7141A;border:2px solid #D7141A;color:#fff}
.cookie-actions button[data-cookie="accept"]:hover,.cookie-actions button[data-cookie="save"]:hover{background:#AE0F14;border-color:#AE0F14}
.cookie-actions button[data-cookie="reject"]{background:#fff;border:2px solid #D7141A;color:#D7141A}
.cookie-actions button[data-cookie="reject"]:hover{background:#fdf0f0}
.cookie-actions button[data-cookie="customize"]{grid-column:1/-1;background:none;border:0;min-height:40px;color:#111;text-decoration:underline;text-underline-offset:4px;text-transform:none;letter-spacing:0;font-size:14px}
.cookie-actions button[data-cookie="save"]{grid-column:1/-1}
.cookie-options{border-top:1px solid #f0d6d7}
.cookie-choice input{accent-color:#D7141A}
.cookie-reopen{background:#D7141A;color:#fff;border-color:#D7141A;font:600 11px/1 "Instrument Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.cookie-reopen:hover{background:#AE0F14}
@media (max-width:760px){.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-box{padding:0 22px 22px}.cookie-box::before{margin:0 -22px 20px}}

/* Liens de la fenêtre cookies : jamais stylés comme des boutons de la page */
.cookie-box a{display:inline!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#D7141A!important;font:600 15px/1.5 "Instrument Sans",system-ui,sans-serif!important;text-decoration:underline!important;text-transform:none!important;letter-spacing:0!important}
.cookie-actions button[data-cookie="accept"]:focus-visible,.cookie-actions button[data-cookie="reject"]:focus-visible{outline:3px solid #111;outline-offset:3px}