.page-cookie-policy main {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-3xl);
}

.hero-cookie-policy .hero-shell {
  border-color: rgba(39, 243, 255, 0.5);
  box-shadow: var(--shadow-strong), var(--shadow-glow-cyan);
}

.hero-cookie-policy .hero-title {
  max-width: 20ch;
}

.hero-cookie-policy .hero-subtitle {
  max-width: 46ch;
}

.hero-cookie-policy .hero-actions-row {
  flex-wrap: wrap;
}

.hero-cookie-policy .hero-actions-row .btn {
  max-width: 100%;
}

.section-cookie-policy {
  padding-top: var(--space-2xl);
}

.cookie-policy-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

.card-legal-intro {
  border-color: var(--color-border-strong);
}

.card-legal-intro p {
  margin-bottom: 0;
}

.section-cookie-purpose > p,
.section-cookie-types > p,
.section-cookie-management > p,
.section-cookie-legal > p {
  max-width: var(--content-max-width);
}

.cookie-list {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-md);
  padding-left: 1.4rem;
}

.cookie-list li {
  margin: 0.2em 0;
}

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

.cookie-card {
  min-height: 0;
}

.cookie-card-full {
  grid-column: 1 / -1;
}

.cookie-card h3 {
  font-size: var(--text-xl);
}

.cookie-card p {
  color: var(--color-text-soft);
}

.card-cookie-management {
  margin-top: var(--space-md);
}

.card-cookie-management h3 {
  font-size: var(--text-lg);
}

.card-cookie-management p {
  color: var(--color-text-soft);
}

.card-legal-entity p {
  color: var(--color-text-soft);
}

.card-legal-entity a {
  word-break: break-word;
}

.section-cookie-legal {
  padding-bottom: 0;
}

@media (max-width: 1023.98px) {
  .page-cookie-policy main {
    padding-top: var(--space-lg);
  }
  .cookie-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .cookie-card-full {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767.98px) {
  .page-cookie-policy main {
    padding-top: var(--space-md);
  }
  .hero-cookie-policy .hero-title {
    max-width: 100%;
  }
  .hero-cookie-policy .hero-subtitle {
    max-width: 100%;
  }
}

@media (max-width: 479.98px) {
  .cookie-policy-content {
    gap: var(--space-xl);
  }
}