.pd-cookie-consent {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1200;
  width: min(460px, calc(100vw - 26px));
  animation: pdCookieSlideIn 420ms ease-out;
}

.pd-cookie-card {
  border-radius: 20px;
  border: 1px solid #cfe2ee;
  background:
    radial-gradient(circle at 100% 0%, rgba(30, 126, 170, 0.15) 0, rgba(30, 126, 170, 0) 42%),
    linear-gradient(180deg, #f4fbff 0%, #ffffff 100%);
  box-shadow: 0 20px 42px rgba(10, 39, 64, 0.2);
  padding: 20px;
  backdrop-filter: blur(5px);
}

.pd-cookie-tag {
  display: inline-block;
  background: #083d5a;
  color: #ffffff;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.03em;
  padding: 4px 12px;
  margin-bottom: 10px;
}

.pd-cookie-title {
  color: #0b3047;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 22px;
}

.pd-cookie-text {
  color: #36576b;
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 14px;
}

.pd-cookie-customize {
  margin-bottom: 0;
  max-height: 0;
  opacity: 0;
  overflow: auto;
  border-top: 1px solid #e4edf3;
  border-bottom: 1px solid #e4edf3;
  padding: 0;
  transition: max-height 280ms ease, opacity 240ms ease, padding 240ms ease, margin-bottom 240ms ease;
}

.pd-cookie-customize.is-open {
  margin-bottom: 14px;
  max-height: 240px;
  opacity: 1;
  padding: 10px 0;
}

.pd-cookie-option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.pd-cookie-option:last-child {
  margin-bottom: 0;
}

.pd-cookie-option input {
  margin-top: 3px;
}

.pd-cookie-option span {
  display: inline-flex;
  flex-direction: column;
}

.pd-cookie-option strong {
  color: #0f3f5d;
  font-size: 13px;
}

.pd-cookie-option small {
  color: #5f7988;
  font-size: 11px;
  line-height: 1.3;
}

.pd-cookie-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.pd-cookie-actions .btn {
  border-radius: 999px;
  padding-inline: 14px;
  min-height: 38px;
  font-size: 13px;
  font-weight: 600;
  transition: transform 180ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

.pd-cookie-actions .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(9, 42, 64, 0.18);
}

.pd-cookie-actions .btn:active {
  transform: translateY(0);
}

#pd-cookie-accept {
  background: linear-gradient(135deg, #0b739f 0%, #0a5a7d 100%);
  border-color: transparent;
}

#pd-cookie-customize-btn {
  border-color: #c8dcea;
  background: #eef6fb;
}

.pd-cookie-save {
  width: 100%;
  margin-top: 0;
  border: 0;
  border-radius: 12px;
  background: #0f5d85;
  color: #ffffff;
  font-weight: 600;
  padding: 11px 12px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-height 240ms ease, opacity 220ms ease, margin-top 220ms ease;
}

.pd-cookie-save.is-visible {
  max-height: 48px;
  opacity: 1;
  pointer-events: auto;
  margin-top: 10px;
}

@keyframes pdCookieSlideIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 640px) {
  .pd-cookie-consent {
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
  }

  .pd-cookie-title {
    font-size: 19px;
  }
}