/* OK3D Consent v2 — isolated, premium, responsive */
html.ok3dc-lock{overflow:hidden!important}

#ok3d-consent.ok3dc,
#ok3d-consent.ok3dc *{box-sizing:border-box!important}

#ok3d-consent.ok3dc[hidden]{display:none!important}
#ok3d-consent.ok3dc{
  --ok-bg:#080a10;
  --ok-panel:#0d111a;
  --ok-panel-2:#111725;
  --ok-text:#f3f5fb;
  --ok-muted:#a9b4c9;
  --ok-subtle:#77859f;
  --ok-blue:#648cff;
  --ok-blue-soft:#92acff;
  --ok-line:rgba(255,255,255,.10);
  --ok-line-blue:rgba(146,172,255,.22);
  --ok-shadow:0 32px 90px rgba(0,0,0,.52);
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  pointer-events:none!important;
  font-family:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--ok-text)!important;
  font-synthesis:none!important;
  -webkit-font-smoothing:antialiased!important;
}

#ok3d-consent .ok3dc__veil{
  position:absolute!important;
  inset:0!important;
  background:rgba(4,6,10,.58)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .25s ease!important;
}
#ok3d-consent.ok3dc--panel-open .ok3dc__veil{opacity:1!important;pointer-events:auto!important}

#ok3d-consent .ok3dc-banner,
#ok3d-consent .ok3dc-panel{
  pointer-events:auto!important;
  margin:0!important;
  color:var(--ok-text)!important;
  border:1px solid var(--ok-line-blue)!important;
  background:
    radial-gradient(1000px 320px at 100% -30%,rgba(100,140,255,.20),transparent 50%),
    linear-gradient(135deg,rgba(17,23,37,.975),rgba(8,10,16,.985))!important;
  box-shadow:var(--ok-shadow),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  outline:none!important;
}

#ok3d-consent .ok3dc-banner[hidden],
#ok3d-consent .ok3dc-panel[hidden]{display:none!important}

#ok3d-consent .ok3dc-banner{
  position:absolute!important;
  left:50%!important;
  bottom:24px!important;
  transform:translate(-50%,14px)!important;
  width:min(960px,calc(100vw - 48px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  align-items:end!important;
  gap:42px!important;
  padding:28px 30px!important;
  border-radius:22px!important;
  opacity:0!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .25s ease!important;
}
#ok3d-consent.ok3dc--visible .ok3dc-banner{transform:translate(-50%,0)!important;opacity:1!important}

#ok3d-consent .ok3dc-kicker{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#c8d3e8!important;
  font:700 10px/1 "Manrope","Inter",sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#ok3d-consent .ok3dc-kicker>span{
  display:block!important;
  width:22px!important;
  height:1px!important;
  flex:0 0 22px!important;
  background:var(--ok-blue-soft)!important;
  box-shadow:0 0 12px rgba(146,172,255,.45)!important;
}

#ok3d-consent .ok3dc-title{
  margin:0 0 13px!important;
  padding:0!important;
  color:var(--ok-text)!important;
  font-family:"Space Grotesk","Manrope","Inter",sans-serif!important;
  font-size:clamp(30px,3vw,42px)!important;
  font-weight:500!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
#ok3d-consent .ok3dc-title span,
#ok3d-consent .ok3dc-title strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}
#ok3d-consent .ok3dc-title span{color:#9aa8bf!important}
#ok3d-consent .ok3dc-title strong{color:#f4f6fb!important;font-weight:600!important}

#ok3d-consent .ok3dc-description{
  max-width:590px!important;
  margin:0 0 16px!important;
  padding:0!important;
  color:#b2bed3!important;
  font:400 13px/1.62 "Manrope","Inter",sans-serif!important;
  letter-spacing:0!important;
}

#ok3d-consent .ok3dc-privacy{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0 0 3px!important;
  color:#e4eafa!important;
  background:none!important;
  border:0!important;
  border-bottom:1px solid rgba(228,234,250,.28)!important;
  border-radius:0!important;
  text-decoration:none!important;
  font:650 11px/1.4 "Manrope","Inter",sans-serif!important;
  box-shadow:none!important;
  transition:color .2s ease,border-color .2s ease!important;
}
#ok3d-consent .ok3dc-privacy:hover{color:var(--ok-blue-soft)!important;border-color:rgba(146,172,255,.65)!important}

#ok3d-consent .ok3dc-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

#ok3d-consent .ok3dc-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:11px 14px!important;
  border-radius:10px!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:normal!important;
  font:650 11.5px/1.2 "Manrope","Inter",sans-serif!important;
  letter-spacing:-.01em!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important;
}
#ok3d-consent .ok3dc-button:hover{transform:translateY(-1px)!important}
#ok3d-consent .ok3dc-button:focus-visible{outline:2px solid var(--ok-blue-soft)!important;outline-offset:3px!important}

/* Les deux choix principaux restent aussi accessibles et de taille identique. */
#ok3d-consent .ok3dc-button--reject{
  color:#edf1fa!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
#ok3d-consent .ok3dc-button--reject:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.30)!important}

#ok3d-consent .ok3dc-button--accept,
#ok3d-consent .ok3dc-button--save{
  color:#f6f8ff!important;
  background:linear-gradient(180deg,#6f95ff,#5f84ed)!important;
  border:1px solid rgba(148,176,255,.85)!important;
  box-shadow:0 10px 28px rgba(100,140,255,.19)!important;
}
#ok3d-consent .ok3dc-button--accept:hover,
#ok3d-consent .ok3dc-button--save:hover{background:linear-gradient(180deg,#7ba0ff,#698cf3)!important;box-shadow:0 12px 34px rgba(100,140,255,.27)!important}

#ok3d-consent .ok3dc-button--settings{
  grid-column:1/-1!important;
  color:#b9c6de!important;
  background:rgba(100,140,255,.035)!important;
  border:1px solid rgba(146,172,255,.18)!important;
}
#ok3d-consent .ok3dc-button--settings:hover{color:#edf2ff!important;background:rgba(100,140,255,.075)!important;border-color:rgba(146,172,255,.36)!important}

#ok3d-consent .ok3dc-panel{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-46%) scale(.985)!important;
  width:min(760px,calc(100vw - 40px))!important;
  max-height:min(760px,calc(100vh - 40px))!important;
  overflow:auto!important;
  padding:28px 30px 26px!important;
  border-radius:22px!important;
  opacity:0!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease!important;
}
#ok3d-consent.ok3dc--panel-open .ok3dc-panel{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}

#ok3d-consent .ok3dc-panel__head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0!important;
  padding:0 0 21px!important;
  border-bottom:1px solid var(--ok-line)!important;
}
#ok3d-consent .ok3dc-panel__head h2{
  margin:0 0 8px!important;
  padding:0!important;
  color:var(--ok-text)!important;
  font-family:"Space Grotesk","Manrope","Inter",sans-serif!important;
  font-size:30px!important;
  font-weight:550!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  text-transform:none!important;
}
#ok3d-consent .ok3dc-panel__head p{
  max-width:560px!important;
  margin:0!important;
  padding:0!important;
  color:#9eabc1!important;
  font:400 12px/1.55 "Manrope","Inter",sans-serif!important;
}
#ok3d-consent .ok3dc-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.03)!important;
  color:#dfe7f7!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#ok3d-consent .ok3dc-close span{display:block!important;font:300 24px/1 Arial,sans-serif!important;transform:translateY(-1px)!important}
#ok3d-consent .ok3dc-close:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.25)!important}

#ok3d-consent .ok3dc-categories{display:grid!important;margin:0!important;padding:0!important}
#ok3d-consent .ok3dc-category{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  margin:0!important;
  padding:18px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
  color:inherit!important;
  cursor:pointer!important;
}
#ok3d-consent .ok3dc-category--necessary{cursor:default!important}
#ok3d-consent .ok3dc-category strong{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  color:#edf2fc!important;
  font:650 13.5px/1.25 "Manrope","Inter",sans-serif!important;
}
#ok3d-consent .ok3dc-category p{
  max-width:560px!important;
  margin:0!important;
  padding:0!important;
  color:#94a2bb!important;
  font:400 11.5px/1.55 "Manrope","Inter",sans-serif!important;
}
#ok3d-consent .ok3dc-always{
  color:#90a4ca!important;
  font:700 9.5px/1 "Manrope","Inter",sans-serif!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

#ok3d-consent .ok3dc-toggle-wrap{position:relative!important;display:block!important;width:44px!important;height:25px!important;flex:0 0 44px!important}
#ok3d-consent .ok3dc-toggle-wrap input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important}
#ok3d-consent .ok3dc-toggle{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  transition:.2s ease!important;
}
#ok3d-consent .ok3dc-toggle:after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:17px!important;
  height:17px!important;
  border-radius:50%!important;
  background:#9aa7bc!important;
  box-shadow:0 2px 7px rgba(0,0,0,.25)!important;
  transition:.2s ease!important;
}
#ok3d-consent .ok3dc-toggle-wrap input:checked + .ok3dc-toggle{background:rgba(100,140,255,.24)!important;border-color:#7599ff!important}
#ok3d-consent .ok3dc-toggle-wrap input:checked + .ok3dc-toggle:after{left:22px!important;background:#dce5ff!important}
#ok3d-consent .ok3dc-toggle-wrap input:focus-visible + .ok3dc-toggle{outline:2px solid var(--ok-blue-soft)!important;outline-offset:3px!important}

#ok3d-consent .ok3dc-panel__actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  margin:0!important;
  padding:20px 0 0!important;
}

.ok3dc-reopen{
  position:fixed!important;
  left:16px!important;
  bottom:16px!important;
  z-index:2147482500!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid rgba(146,172,255,.18)!important;
  border-radius:999px!important;
  background:rgba(8,11,17,.78)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  color:#aebbd2!important;
  font:650 9.5px/1 "Manrope","Inter",sans-serif!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  cursor:pointer!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
  opacity:.72!important;
  transition:opacity .2s ease,border-color .2s ease,color .2s ease,background .2s ease!important;
}
.ok3dc-reopen:hover{opacity:1!important;color:#eef3ff!important;border-color:rgba(146,172,255,.38)!important;background:rgba(12,16,25,.92)!important}
.ok3dc-reopen__dot{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#7e9fff!important;box-shadow:0 0 10px rgba(126,159,255,.65)!important}

.ok3dc-media,
.ok3dc-media *{box-sizing:border-box!important}
.ok3dc-media{
  position:relative!important;
  width:100%!important;
  min-height:280px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(146,172,255,.15)!important;
  border-radius:14px!important;
  background:radial-gradient(circle at 50% 0,rgba(100,140,255,.12),transparent 45%),#090d15!important;
}
.ok3dc-media__placeholder{text-align:center!important;max-width:470px!important;padding:38px 28px!important;font-family:"Manrope","Inter",sans-serif!important}
.ok3dc-media__icon{width:42px!important;height:42px!important;margin:0 auto 15px!important;border:1px solid rgba(146,172,255,.25)!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(100,140,255,.07)!important}
.ok3dc-media__icon span{display:block!important;width:0!important;height:0!important;border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:8px solid #aebfff!important;margin-left:2px!important}
.ok3dc-media__label{display:block!important;margin-bottom:9px!important;color:#92acff!important;font:700 9.5px/1 "Manrope","Inter",sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.ok3dc-media__placeholder strong{display:block!important;margin:0!important;color:#edf2ff!important;font:550 20px/1.25 "Space Grotesk","Manrope",sans-serif!important}
.ok3dc-media__placeholder p{margin:8px auto 16px!important;color:#9eabc0!important;font:400 11.5px/1.55 "Manrope","Inter",sans-serif!important}
.ok3dc-media__button{appearance:none!important;border:1px solid rgba(100,140,255,.42)!important;border-radius:9px!important;background:rgba(100,140,255,.08)!important;color:#dce5ff!important;padding:10px 14px!important;font:650 10.5px/1 "Manrope","Inter",sans-serif!important;cursor:pointer!important}
.ok3dc-media iframe{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;border:0!important}
.ok3dc-media.ok3dc-media--loaded{min-height:0!important;display:block!important;background:none!important;border:0!important;border-radius:0!important}
.ok3dc-media.ok3dc-media--loaded .ok3dc-media__placeholder{display:none!important}
.ok3dc-media.ok3dc-media--loaded iframe{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;opacity:1!important;pointer-events:auto!important;display:block!important}

@media (max-width:800px){
  #ok3d-consent .ok3dc-banner{
    width:calc(100vw - 28px)!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    transform:translateY(14px)!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:22px 20px 19px!important;
    border-radius:18px!important;
  }
  #ok3d-consent.ok3dc--visible .ok3dc-banner{transform:translateY(0)!important}
  #ok3d-consent .ok3dc-title{font-size:clamp(29px,8vw,38px)!important;margin-bottom:11px!important}
  #ok3d-consent .ok3dc-description{font-size:12px!important;line-height:1.58!important;margin-bottom:14px!important}
  #ok3d-consent .ok3dc-actions{gap:8px!important}
  #ok3d-consent .ok3dc-button{min-height:43px!important;font-size:11px!important}

  #ok3d-consent .ok3dc-panel{
    top:auto!important;
    bottom:14px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:calc(100vh - 28px)!important;
    transform:translateY(16px)!important;
    padding:22px 19px 19px!important;
    border-radius:18px!important;
  }
  #ok3d-consent.ok3dc--panel-open .ok3dc-panel{transform:translateY(0)!important}
  #ok3d-consent .ok3dc-panel__head{gap:14px!important;padding-bottom:18px!important}
  #ok3d-consent .ok3dc-panel__head h2{font-size:27px!important}
  #ok3d-consent .ok3dc-category{gap:16px!important;padding:15px 0!important}
  #ok3d-consent .ok3dc-category strong{font-size:13px!important}
  #ok3d-consent .ok3dc-category p{font-size:11px!important}
  #ok3d-consent .ok3dc-always{font-size:8.5px!important}
  .ok3dc-reopen{left:10px!important;bottom:10px!important;padding:7px 9px!important;font-size:9px!important}
  .ok3dc-media{min-height:220px!important}
  .ok3dc-media__placeholder{padding:30px 22px!important}
}

@media (max-width:430px){
  #ok3d-consent .ok3dc-banner{padding:20px 17px 17px!important;gap:17px!important}
  #ok3d-consent .ok3dc-kicker{font-size:8.5px!important;margin-bottom:11px!important}
  #ok3d-consent .ok3dc-title{font-size:30px!important}
  #ok3d-consent .ok3dc-actions{grid-template-columns:1fr!important}
  #ok3d-consent .ok3dc-button--settings{grid-column:auto!important}
  #ok3d-consent .ok3dc-panel__actions{grid-template-columns:1fr!important}
  #ok3d-consent .ok3dc-panel{padding:20px 17px 17px!important}
  #ok3d-consent .ok3dc-panel__head h2{font-size:25px!important}
  #ok3d-consent .ok3dc-category{grid-template-columns:minmax(0,1fr) auto!important}
}

@media (prefers-reduced-motion:reduce){
  #ok3d-consent *, .ok3dc-reopen, .ok3dc-media *{transition:none!important;scroll-behavior:auto!important}
}