.cookie-overlay[hidden] {
  display: none !important;
}

.cookie-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  z-index: 999999;
  display: block;
  padding: 16px 22px;
  background: #101819;
  border-top: 1px solid rgba(42, 212, 188, 0.35);
  box-shadow: 0 -12px 50px rgba(0, 0, 0, 0.45);
  backdrop-filter: none;
  overflow: visible;
  pointer-events: auto;
}

.cookie-panel {
  width: min(100%, 1400px);
  max-height: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #f2f5f4;
  font-family: inherit;
}

.cookie-info {
  flex: 1;
  min-width: 0;
}

.cookie-overline {
  margin-bottom: 5px;
  color: #2ad4bc;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.cookie-panel h2 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
}

.cookie-panel p {
  margin: 0;
  color: #bac8c5;
  font-size: 12px;
  line-height: 1.6;
}

.cookie-panel a {
  color: #2ad4bc;
  text-decoration: underline;
}

.cookie-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  color: #dce7e4;
  font-size: 12px;
  cursor: pointer;
}

.cookie-option input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #2ad4bc;
  cursor: pointer;
}

.cookie-actions {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 190px;
  flex-shrink: 0;
}

.cookie-button {
  width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 7px;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, opacity 0.2s;
}

.cookie-button:hover {
  opacity: 0.85;
}

.cookie-button:focus-visible,
.cookie-option input:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.cookie-button-outline {
  border: 1px solid #657370;
  background: transparent;
  color: #fff;
}

.cookie-button-primary {
  border: 1px solid #2ad4bc;
  background: #2ad4bc;
  color: #10211e;
}

.cookie-button-save {
  border: 1px solid #30403f;
  background: #1b2929;
  color: #fff;
}

.consent-embed iframe:not([src]) {
  display: none;
}

@media (max-width: 700px) {
  .cookie-overlay {
    padding: 16px;
    max-height: 75dvh;
    overflow-y: auto;
  }

  .cookie-panel {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .cookie-panel h2 {
    font-size: 16px;
  }

  .cookie-panel p {
    font-size: 12px;
  }

  .cookie-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .cookie-button {
    min-height: 42px;
  }

  .cookie-button-save {
    grid-column: 1 / -1;
  }
}


/* RESPONSIVE COOKIE CONSENT */
.cookie-overlay,.cookie-overlay * {box-sizing:border-box;}
.cookie-overlay[hidden] {display:none!important;}

@media(max-width:900px){
.cookie-overlay {padding:14px 18px;}
.cookie-panel {gap:20px;}
.cookie-actions {width:170px;}
.cookie-panel h2 {font-size:16px;}
.cookie-panel p {font-size:12px;}
}

@media(max-width:700px){
.cookie-overlay {position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70dvh;max-height:70svh;padding:15px 16px calc(15px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:0;z-index:999999;}
.cookie-panel {width:100%;max-height:none;display:flex;flex-direction:column;align-items:stretch;gap:13px;}
.cookie-info {width:100%;min-width:0;}
.cookie-overline {font-size:9px;letter-spacing:1.1px;margin-bottom:5px;}
.cookie-panel h2 {font-size:16px;line-height:1.35;margin-bottom:7px;}
.cookie-panel p {font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.cookie-option {display:flex;align-items:center;gap:9px;margin-top:11px;font-size:12px;line-height:1.5;}
.cookie-option input {width:18px;height:18px;flex-shrink:0;}
.cookie-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;}
.cookie-button {width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:12px;line-height:1.3;white-space:normal;}
.cookie-button-save {grid-column:1/-1;}
}

@media(max-width:380px){
.cookie-overlay {padding:12px 13px calc(12px + env(safe-area-inset-bottom));}
.cookie-panel {gap:10px;}
.cookie-panel h2 {font-size:15px;}
.cookie-panel p {font-size:11px;}
.cookie-button {font-size:11px;padding:9px 6px;}
}

@media(max-height:600px) and (max-width:700px){
.cookie-overlay {max-height:65dvh;max-height:65svh;}
}

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