#cookie-szabalyzat-main {
  overflow: hidden;
}

#cookie-szabalyzat-main .cookie-hero {
  position: relative;
  min-height: 24rem;
  padding-block: 6.5rem 5rem;
}

#cookie-szabalyzat-main .cookie-hero::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(circle at 82% 12%, rgb(240 162 74 / 10%), transparent 22rem);
  content: "";
  pointer-events: none;
}

#cookie-szabalyzat-main .cookie-hero__grid,
#cookie-szabalyzat-main .cookie-document-grid,
#cookie-szabalyzat-main .cookie-categories-grid,
#cookie-szabalyzat-main .cookie-closing-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
}

#cookie-szabalyzat-main .cookie-hero__content {
  z-index: 1;
  grid-column: 2 / span 7;
  min-width: 0;
}

#cookie-szabalyzat-main .cookie-hero__content h1 {
  max-width: 14ch;
  margin-bottom: var(--space-4);
}

#cookie-szabalyzat-main .cookie-hero__lead {
  max-width: 54ch;
  margin-bottom: var(--space-5);
  font-size: var(--text-lg);
  line-height: 1.56;
}

#cookie-szabalyzat-main .cookie-hero__lead a {
  color: var(--color-white-primary);
  text-decoration: underline;
}

#cookie-szabalyzat-main .cookie-hero__meta,
#cookie-szabalyzat-main .cookie-closing-date {
  display: flex;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-3);
  border-top: 1px solid var(--border-copper);
  color: var(--color-white-muted);
  font-size: var(--text-sm);
  padding-top: var(--space-3);
}

#cookie-szabalyzat-main .cookie-hero__meta span,
#cookie-szabalyzat-main .cookie-closing-date span {
  color: var(--color-copper-bright);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#cookie-szabalyzat-main .cookie-section {
  padding-block: var(--space-11);
}

#cookie-szabalyzat-main .cookie-section--categories {
  background: linear-gradient(180deg, rgb(27 20 28 / 48%), transparent);
}

#cookie-szabalyzat-main .cookie-document-column {
  grid-column: 1 / span 8;
  min-width: 0;
}

#cookie-szabalyzat-main .cookie-section-heading {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

#cookie-szabalyzat-main .cookie-section-heading h2 {
  max-width: 28ch;
  margin: 0;
}

#cookie-szabalyzat-main .cookie-section-index {
  color: var(--color-copper-bright);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.33;
}

#cookie-szabalyzat-main .cookie-section-index::after {
  display: inline-block;
  width: 2rem;
  height: 1px;
  margin-left: var(--space-2);
  vertical-align: middle;
  background: currentColor;
  content: "";
}

#cookie-szabalyzat-main .cookie-role-copy,
#cookie-szabalyzat-main .cookie-settings-copy,
#cookie-szabalyzat-main .cookie-external-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
}

#cookie-szabalyzat-main .cookie-copy-unit {
  min-width: 0;
}

#cookie-szabalyzat-main .cookie-role-copy .cookie-copy-unit > p {
  max-width: 62ch;
}

#cookie-szabalyzat-main .cookie-role-copy .cookie-copy-unit > h3 {
  max-width: 28ch;
}

#cookie-szabalyzat-main .cookie-divider {
  width: 100%;
  margin: 0;
}

#cookie-szabalyzat-main .cookie-purpose-list {
  display: grid;
  max-width: 46ch;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: 0;
  padding: 0;
}

#cookie-szabalyzat-main .cookie-purpose-list > li {
  position: relative;
  min-width: 0;
  padding-left: var(--space-5);
  color: var(--color-white-muted);
}

#cookie-szabalyzat-main .cookie-purpose-list > li::before {
  position: absolute;
  top: 0.68em;
  left: 0;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: var(--radius-pill);
  background: var(--color-copper-polished);
  content: "";
}

#cookie-szabalyzat-main .cookie-scope-panel {
  display: flex;
  max-width: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid rgb(184 115 74 / 46%);
  border-radius: var(--radius-control);
  background: var(--color-plum-raised);
  box-shadow: inset 0 0 0 1px rgb(11 9 12 / 44%);
}

#cookie-szabalyzat-main .cookie-scope-panel h3,
#cookie-szabalyzat-main .cookie-scope-panel p {
  max-width: 48ch;
  margin: 0;
}

#cookie-szabalyzat-main .cookie-categories-intro {
  grid-column: 1 / span 8;
  min-width: 0;
  margin-bottom: var(--space-6);
}

#cookie-szabalyzat-main .cookie-categories-intro > p {
  max-width: 56ch;
  margin-bottom: 0;
}

#cookie-szabalyzat-main .cookie-category-cards {
  display: grid;
  grid-column: 1 / span 10;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

#cookie-szabalyzat-main .cookie-category-cards > .cookie-category-card {
  min-width: 0;
}

#cookie-szabalyzat-main .cookie-category-card {
  padding: var(--space-2);
  border: 1px solid var(--border-copper);
  border-radius: var(--radius-card);
  background: var(--color-plum-card);
  box-shadow: var(--shadow-card-inset), var(--shadow-raised);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

#cookie-szabalyzat-main .cookie-category-card:hover {
  border-color: var(--border-copper-bright);
  box-shadow: var(--shadow-card-inset), var(--shadow-raised), var(--shadow-amber);
  transform: translateY(-2px);
}

#cookie-szabalyzat-main .cookie-category-card__content {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-5);
  border-radius: var(--radius-sm);
  background: var(--color-plum-raised);
  box-shadow: inset 0 0 0 1px rgb(11 9 12 / 44%);
}

#cookie-szabalyzat-main .cookie-category-card__content h3,
#cookie-szabalyzat-main .cookie-category-card__content p {
  max-width: 40ch;
  margin: 0;
}

#cookie-szabalyzat-main .cookie-category-card__index {
  color: var(--color-copper-bright);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1;
}

#cookie-szabalyzat-main .cookie-category-card__choice {
  margin-top: auto !important;
  color: var(--color-white-primary) !important;
  font-weight: 700;
}

#cookie-szabalyzat-main .cookie-category-card__status {
  min-width: 0;
  margin-top: auto;
  border-left: 2px solid var(--color-felt-green);
  color: var(--color-white-primary);
  font-size: var(--text-sm);
  line-height: var(--leading-small);
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
}

#cookie-szabalyzat-main .cookie-settings-copy .cookie-copy-unit > p {
  max-width: 60ch;
}

#cookie-szabalyzat-main .cookie-settings-copy .cookie-copy-unit > h3 {
  max-width: 28ch;
}

#cookie-szabalyzat-main .cookie-steps {
  display: grid;
  max-width: 42ch;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: 0;
  padding: 0;
}

#cookie-szabalyzat-main .cookie-steps > li {
  display: grid;
  min-width: 0;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  color: var(--color-white-muted);
}

#cookie-szabalyzat-main .cookie-steps > li > span {
  color: var(--color-copper-bright);
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1;
}

#cookie-szabalyzat-main .cookie-consequence-panel {
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--border-copper);
  border-radius: var(--radius-card);
  background: var(--color-plum-card);
  box-shadow: var(--shadow-card-inset), var(--shadow-raised);
}

#cookie-szabalyzat-main .cookie-consequence-panel__inner {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border-top: 1px solid var(--color-copper-bright);
  border-radius: var(--radius-sm);
  background: var(--color-plum-raised);
  padding: var(--space-5);
}

#cookie-szabalyzat-main .cookie-consequence-panel__inner h3,
#cookie-szabalyzat-main .cookie-consequence-panel__inner p {
  max-width: 50ch;
  margin: 0;
}

#cookie-szabalyzat-main .cookie-consequence-panel__emphasis {
  color: var(--color-white-primary) !important;
  font-weight: 700;
}

#cookie-szabalyzat-main .cookie-copy-unit--external > p {
  max-width: 60ch;
}

#cookie-szabalyzat-main .cookie-copy-unit--external > h3 {
  max-width: 28ch;
}

#cookie-szabalyzat-main .cookie-copy-unit--external blockquote {
  max-width: 42ch;
  margin-bottom: var(--space-5);
}

#cookie-szabalyzat-main .cookie-external-copy__closing {
  max-width: 42ch !important;
  margin-bottom: 0 !important;
}

#cookie-szabalyzat-main .cookie-section--closing {
  background: var(--color-velvet-900);
}

#cookie-szabalyzat-main .cookie-closing-copy {
  grid-column: 1 / span 8;
  min-width: 0;
}

#cookie-szabalyzat-main .cookie-closing-copy .cookie-copy-unit > p {
  max-width: 58ch;
}

#cookie-szabalyzat-main .cookie-closing-copy .cookie-copy-unit > h3 {
  max-width: 28ch;
}

#cookie-szabalyzat-main .cookie-closing-date {
  margin-top: var(--space-5);
}

#cookie-szabalyzat-main .cookie-contact-panel {
  grid-column: 1 / span 6;
  min-width: 0;
  margin-top: var(--space-7);
  padding: var(--space-2);
  border: 1px solid var(--border-copper);
  border-radius: var(--radius-card);
  background: var(--color-plum-card);
  box-shadow: var(--shadow-card-inset), var(--shadow-raised);
}

#cookie-szabalyzat-main .cookie-contact-panel__inner {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-5);
  border-radius: var(--radius-sm);
  background: var(--color-plum-raised);
  box-shadow: inset 0 0 0 1px rgb(11 9 12 / 44%);
}

#cookie-szabalyzat-main .cookie-contact-panel__inner h3,
#cookie-szabalyzat-main .cookie-contact-panel__inner p {
  max-width: 44ch;
  margin: 0;
}

#cookie-szabalyzat-main .cookie-contact-panel__link {
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--color-copper-bright);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--color-copper-polished);
  text-underline-offset: 0.22em;
}

#cookie-szabalyzat-main .cookie-contact-panel__link:hover {
  color: var(--color-copper-bright);
  text-decoration-color: var(--color-copper-bright);
}

@media (max-width: 64rem) {
  #cookie-szabalyzat-main .cookie-hero__grid,
  #cookie-szabalyzat-main .cookie-document-grid,
  #cookie-szabalyzat-main .cookie-categories-grid,
  #cookie-szabalyzat-main .cookie-closing-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  #cookie-szabalyzat-main .cookie-hero__content {
    grid-column: 1 / span 6;
  }

  #cookie-szabalyzat-main .cookie-document-column,
  #cookie-szabalyzat-main .cookie-categories-intro,
  #cookie-szabalyzat-main .cookie-closing-copy {
    grid-column: 1 / span 6;
  }

  #cookie-szabalyzat-main .cookie-category-cards {
    grid-column: 1 / span 8;
  }

  #cookie-szabalyzat-main .cookie-contact-panel {
    grid-column: 1 / span 5;
  }
}

@media (max-width: 55rem) {
  #cookie-szabalyzat-main .cookie-document-column,
  #cookie-szabalyzat-main .cookie-closing-copy {
    grid-column: 1 / span 8;
  }

  #cookie-szabalyzat-main .cookie-category-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  #cookie-szabalyzat-main .cookie-contact-panel {
    grid-column: 1 / span 8;
  }
}

@media (max-width: 48rem) {
  #cookie-szabalyzat-main .cookie-hero {
    min-height: 18rem;
    padding-block: 4.5rem 3.5rem;
  }

  #cookie-szabalyzat-main .cookie-hero::after {
    background: radial-gradient(circle at 90% 0%, rgb(240 162 74 / 7%), transparent 16rem);
  }

  #cookie-szabalyzat-main .cookie-hero__grid,
  #cookie-szabalyzat-main .cookie-document-grid,
  #cookie-szabalyzat-main .cookie-categories-grid,
  #cookie-szabalyzat-main .cookie-closing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #cookie-szabalyzat-main .cookie-hero__content,
  #cookie-szabalyzat-main .cookie-document-column,
  #cookie-szabalyzat-main .cookie-categories-intro,
  #cookie-szabalyzat-main .cookie-category-cards,
  #cookie-szabalyzat-main .cookie-closing-copy,
  #cookie-szabalyzat-main .cookie-contact-panel {
    grid-column: 1 / span 4;
  }

  #cookie-szabalyzat-main .cookie-section {
    padding-block: var(--space-9);
  }

  #cookie-szabalyzat-main .cookie-section-heading {
    margin-bottom: var(--space-5);
  }

  #cookie-szabalyzat-main .cookie-section-heading h2 {
    font-size: 2.125rem;
    line-height: 1.12;
  }

  #cookie-szabalyzat-main .cookie-hero__lead {
    font-size: var(--text-base);
    line-height: var(--leading-body);
  }

  #cookie-szabalyzat-main .cookie-role-copy,
  #cookie-szabalyzat-main .cookie-settings-copy,
  #cookie-szabalyzat-main .cookie-external-copy {
    gap: var(--space-5);
  }

  #cookie-szabalyzat-main .cookie-scope-panel,
  #cookie-szabalyzat-main .cookie-category-card__content,
  #cookie-szabalyzat-main .cookie-consequence-panel__inner,
  #cookie-szabalyzat-main .cookie-contact-panel__inner {
    padding: var(--space-4);
  }

  #cookie-szabalyzat-main .cookie-category-cards {
    gap: var(--space-4);
  }

  #cookie-szabalyzat-main .cookie-contact-panel {
    margin-top: var(--space-6);
  }
}

@media (prefers-reduced-motion: reduce) {
  #cookie-szabalyzat-main .cookie-category-card:hover {
    box-shadow: var(--shadow-card-inset), var(--shadow-raised);
    transform: none;
  }
}

ul {
  list-style: none !important;
}