.tk-consent-banner,
.tk-consent-manage {
  font-family: "Avenir Next", "Segoe UI", Arial, sans-serif;
}

.tk-consent-banner {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1200;
  width: min(420px, calc(100vw - 24px));
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(216, 226, 239, 0.92);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(244, 249, 255, 0.94) 100%);
  box-shadow: 0 24px 50px rgba(17, 42, 76, 0.18);
  color: #17253b;
}

.tk-consent-banner[hidden] {
  display: none !important;
}

.tk-consent-title {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0 0 .7rem;
  font-size: 1.02rem;
  font-weight: 800;
  color: #143d72;
}

.tk-consent-title i {
  font-size: 1rem;
}

.tk-consent-text {
  margin: 0 0 1rem;
  color: #4f617b;
  font-size: .95rem;
  line-height: 1.55;
}

.tk-consent-text a {
  color: #1f5faa;
  font-weight: 700;
}

.tk-consent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.tk-consent-btn {
  appearance: none;
  min-height: 44px;
  padding: .72rem 1rem;
  border-radius: 999px;
  border: 1px solid #d8e2ef;
  background: #f8fbff;
  color: #17253b;
  font-size: .95rem;
  font-weight: 700;
  cursor: pointer;
}

.tk-consent-btn:hover,
.tk-consent-btn:focus {
  background: #eef5ff;
  border-color: #bfd3ec;
}

.tk-consent-btn-primary {
  background: linear-gradient(180deg, #2d79d8 0%, #1f62b5 100%);
  border-color: #2a69b5;
  color: #fff;
}

.tk-consent-btn-primary:hover,
.tk-consent-btn-primary:focus {
  background: linear-gradient(180deg, #2b73ce 0%, #1d5aa8 100%);
  border-color: #275fa8;
}

.tk-consent-manage {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 1190;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 42px;
  padding: .68rem .95rem;
  border-radius: 999px;
  border: 1px solid rgba(216, 226, 239, 0.96);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 26px rgba(17, 42, 76, 0.12);
  color: #143d72;
  font-size: .92rem;
  font-weight: 800;
  cursor: pointer;
}

.tk-consent-manage[hidden] {
  display: none !important;
}

@media (max-width: 640px) {
  .tk-consent-banner {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    padding: 16px;
    border-radius: 18px;
  }

  .tk-consent-manage {
    left: 12px;
    bottom: 12px;
  }

  .tk-consent-actions {
    flex-direction: column;
  }

  .tk-consent-btn {
    width: 100%;
  }
}