.cookie-policy-page {
  background-color: var(--color-bg-dark);
}

.section-hero.section-light {
  border-bottom: 1px solid rgba(27, 42, 65, 0.12);
}

.page-intro {
  max-width: 760px;
}

.page-kicker {
  font-size: var(--font-size-xs);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-gray-500);
  margin-bottom: var(--space-2);
}

.page-lead {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-on-light);
}

.breadcrumb {
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-4);
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  color: var(--color-gray-500);
}

.breadcrumb li + li::before {
  content: "/";
  margin: 0 var(--space-1);
  color: var(--color-gray-400);
}

.section-content {
  background-color: var(--color-bg-dark);
}

.section-content .container {
  max-width: 980px;
}

.cookie-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-10);
}

.cookie-block {
  background: radial-gradient(circle at top, rgba(200, 164, 90, 0.1), transparent 55%),
              linear-gradient(135deg, rgba(18, 18, 18, 0.96), rgba(33, 25, 22, 0.98));
  border-radius: var(--radius-lg);
  border: 1px solid rgba(200, 164, 90, 0.16);
  padding: var(--space-6);
  box-shadow: var(--shadow-subtle);
}

.cookie-block h2 {
  margin-bottom: var(--space-4);
}

.cookie-block p:last-child {
  margin-bottom: 0;
}

.cookie-block ul,
.cookie-block ol {
  margin: 0 0 var(--space-4) 1.2rem;
  padding: 0;
}

.cookie-block li {
  margin-bottom: var(--space-2);
}

.cookie-block a {
  word-break: break-word;
}

.cookie-updated {
  font-size: var(--font-size-sm);
  color: rgba(245, 241, 232, 0.72);
}

@media (max-width: 768px) {
  .cookie-block {
    padding: var(--space-5);
  }
}