/* Nordwest Automobile – Datenschutzmodal im NWA-Design */
.cookie[hidden], .cookie [hidden]{display:none!important}
body.cookie-open{overflow:hidden}

.cookie{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:20px!important;
  border:0!important;
  background:rgba(0,0,0,.38)!important;
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
  opacity:0;
  visibility:hidden;
  overflow:auto!important;
  box-sizing:border-box!important;
  transition:opacity .2s ease,visibility .2s ease;
}
.cookie.is-visible{opacity:1;visibility:visible}

.cookie > .cookie-panel,
.cookie > div:last-child{
  position:absolute!important;
  left:50%!important;
  bottom:26px!important;
  display:block!important;
  width:min(620px,calc(100vw - 32px))!important;
  max-width:620px!important;
  min-height:0!important;
  margin:0!important;
  padding:30px!important;
  border:1px solid rgba(200,167,90,.55)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#101112,#080909)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.72)!important;
  box-sizing:border-box!important;
  transform:translate(-50%,10px) scale(.985);
  transition:transform .2s ease;
}
.cookie.is-visible > .cookie-panel,
.cookie.is-visible > div:last-child{transform:translate(-50%,0) scale(1)!important}

.cookie-copy{text-align:center!important}
.cookie-copy strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.55rem!important;
  font-weight:400!important;
  line-height:1.2!important;
}
.cookie-copy p{
  max-width:450px!important;
  margin:12px auto 0!important;
  color:#bdbdbd!important;
  font-size:.88rem!important;
  line-height:1.55!important;
}
.cookie-copy a,.cookie-settings-view a{color:#d1aa55!important;text-underline-offset:3px}

.cookie .cookie-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:23px 0 0!important;
  padding:0!important;
}
.cookie-actions .btn,
.cookie-settings-view .btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:11px 10px!important;
  border-radius:5px!important;
  box-sizing:border-box!important;
  font-size:.68rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  text-align:center!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.cookie-actions .btn:hover,.cookie-settings-view .btn:hover{transform:translateY(-1px)!important}
.cookie-actions .btn-outline{
  border:1px solid rgba(209,170,85,.68)!important;
  background:#111213!important;
  color:#f2f2f2!important;
}
.cookie-actions .btn-outline:hover{border-color:#d1aa55!important;background:#181818!important}
.cookie-actions .btn-gold,.cookie-settings-view .btn-gold{
  border:1px solid #d1aa55!important;
  background:linear-gradient(180deg,#d8b35d,#c89e45)!important;
  color:#090909!important;
}
.cookie-actions .btn-settings{
  border:1px solid #555!important;
  background:linear-gradient(180deg,#292a2b,#1b1c1d)!important;
  color:#f0f0f0!important;
}
.cookie-actions .btn-settings:hover{border-color:#888!important;background:#292929!important}

.cookie-settings-view{width:100%;color:#fff}
.cookie-settings-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;margin-bottom:20px}
.cookie-settings-head strong{grid-column:2;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;font-weight:400}
.cookie-back{grid-column:1;width:36px;height:36px;border:1px solid #555;border-radius:50%;background:#151617;color:#fff;font-size:1.2rem;cursor:pointer}
.cookie-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:10px;
  padding:15px 16px;
  border:1px solid #343536;
  border-radius:7px;
  background:#111213;
  cursor:pointer;
}
.cookie-option div{display:flex;flex-direction:column;gap:4px}
.cookie-option b{font-size:.92rem;color:#fff}
.cookie-option span{font-size:.77rem;line-height:1.4;color:#aaa}
.cookie-status{flex:0 0 auto!important;color:#d1aa55!important;font-weight:700!important;white-space:nowrap}
.cookie-switch{position:relative;display:block!important;flex:0 0 46px;width:46px;height:25px}
.cookie-switch input{position:absolute;opacity:0;pointer-events:none}
.cookie-switch i{position:absolute;inset:0;border:1px solid #5c5d5e;border-radius:999px;background:#252627;transition:.18s}
.cookie-switch i::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#aaa;transition:.18s}
.cookie-switch input:checked+i{border-color:#d1aa55;background:#d1aa55}
.cookie-switch input:checked+i::after{transform:translateX(21px);background:#090909}
.cookie-save{margin-top:17px!important}

.footer-cookie-link{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.footer-cookie-link:hover{color:#d1aa55}

@media(max-width:620px){
  .cookie{padding:0!important;height:100dvh!important;min-height:100vh!important}
  .cookie > .cookie-panel,
  .cookie > div:last-child{
    bottom:calc(88px + env(safe-area-inset-bottom, 0px))!important;
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 118px - env(safe-area-inset-bottom, 0px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:22px 16px!important;
    border-radius:10px!important;
  }
  .cookie-copy strong{font-size:1.35rem!important}
  .cookie-copy p{font-size:.82rem!important}
  .cookie .cookie-actions{grid-template-columns:1fr!important;margin-top:18px!important}
  .cookie-actions .btn{min-height:43px!important}
  .cookie-option{padding:13px 12px;gap:10px}
  .cookie-option span{font-size:.72rem}
}

@media(max-width:620px) and (max-height:700px){
  .cookie > .cookie-panel,
  .cookie > div:last-child{
    bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-bottom, 0px))!important;
    padding:17px 14px!important;
  }
  .cookie-copy strong{font-size:1.2rem!important}
  .cookie-copy p{margin-top:8px!important;line-height:1.42!important}
  .cookie .cookie-actions{margin-top:14px!important;gap:7px!important}
  .cookie-actions .btn{min-height:40px!important}
}