.cookies-page {
    width: 100%;
    background-color: var(--color-paper);
}

.cookies-page__container {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
    padding-inline: var(--container-padding);
    padding-block: var(--space-7) var(--space-8);
}

.cookies-page__hero {
    margin-block-end: var(--space-6);
}

.cookies-page__hero h1 {
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line-height);
    font-weight: var(--text-h1-weight);
    margin-block-end: var(--space-3);
}

.cookies-page__hero-lead {
    font-size: var(--text-small-size);
    line-height: var(--text-small-line-height);
    color: var(--color-ink-soft);
    margin-block-end: 0;
}

.cookies-section {
    margin-block-end: var(--space-7);
}

.cookies-section:last-child {
    margin-block-end: 0;
}

.cookies-section h2 {
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line-height);
    font-weight: var(--text-h2-weight);
    margin-block-end: var(--space-4);
}

.cookies-section h3 {
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-line-height);
    font-weight: var(--text-h3-weight);
    margin-block-end: var(--space-3);
}

.cookies-section__content {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.cookies-definition {
    background-color: var(--color-paper-light);
    border: var(--border-width-thin) solid var(--color-border-light);
    border-inline-start: var(--border-width-film) solid var(--color-crimson);
    border-radius: var(--radius-small);
    padding: var(--space-4);
}

.cookies-definition p {
    margin-block-end: 0;
}

.cookies-list {
    margin-block-end: 0;
    padding-inline-start: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cookies-list li {
    line-height: var(--text-body-line-height);
    margin-block-end: 0;
}

.cookies-categories {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.cookies-category {
    padding-block-end: var(--space-5);
    border-block-end: var(--border-width-thin) dashed var(--color-border-light);
}

.cookies-category:last-child {
    padding-block-end: 0;
    border-block-end: none;
}

.cookies-category p {
    margin-block-end: var(--space-3);
}

.cookies-category p:last-child {
    margin-block-end: 0;
}

.cookies-category .cookies-list {
    margin-block-end: var(--space-3);
}

.cookies-management {
    background-color: var(--color-paper-light);
    border: var(--border-width-thin) solid var(--color-border-light);
    border-radius: var(--radius-small);
    padding: var(--card-padding);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
}

.cookies-management__block {
    min-width: 0;
}

.cookies-management__block p {
    margin-block-end: var(--space-3);
}

.cookies-management__block p:last-child {
    margin-block-end: 0;
}

.cookies-management__block .cookies-list {
    margin-block-end: var(--space-3);
}

.cookies-duration {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
}

.cookies-duration__block {
    min-width: 0;
    background-color: var(--color-paper-light);
    border: var(--border-width-thin) solid var(--color-border-light);
    border-radius: var(--radius-small);
    padding: var(--card-padding);
}

.cookies-duration__block p {
    margin-block-end: var(--space-3);
}

.cookies-duration__block p:last-child {
    margin-block-end: 0;
}

.cookies-duration__block .cookies-list {
    margin-block-end: var(--space-3);
}

.cookies-rights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
}

.cookies-rights__block {
    min-width: 0;
    background-color: var(--color-paper-light);
    border: var(--border-width-thin) solid var(--color-border-light);
    border-inline-start: var(--border-width-film) solid var(--color-crimson);
    border-radius: var(--radius-small);
    padding: var(--card-padding);
}

.cookies-rights__block p {
    margin-block-end: var(--space-3);
}

.cookies-rights__block p:last-child {
    margin-block-end: 0;
}

.cookies-rights__block .cookies-list {
    margin-block-end: var(--space-3);
}

.cookies-changes {
    background-color: var(--color-felt);
    color: var(--color-paper);
    border-radius: var(--radius-small);
    padding: var(--card-padding);
}

.cookies-changes p {
    color: var(--color-paper);
    margin-block-end: var(--space-3);
}

.cookies-changes p:last-child {
    margin-block-end: 0;
}

.cookies-changes .cookies-list {
    margin-block-end: var(--space-3);
}

.cookies-changes .cookies-list li {
    color: var(--color-paper);
}

.cookies-changes__date {
    font-weight: 600;
    color: var(--color-paper);
    border-block-start: var(--border-width-thin) solid var(--color-border-dark);
    padding-block-start: var(--space-3);
}

.cookies-contact {
    background-color: var(--color-paper-light);
    border: var(--border-width-thin) solid var(--color-border-light);
    border-radius: var(--radius-small);
    padding: var(--card-padding);
}

.cookies-contact p {
    margin-block-end: var(--space-3);
}

.cookies-contact p:last-child {
    margin-block-end: 0;
}

.cookies-contact__address {
    display: block;
    font-style: normal;
    font-weight: 600;
    color: var(--color-ink);
    margin-block-end: var(--space-3);
    padding: var(--space-3);
    background-color: var(--color-paper);
    border-inline-start: var(--border-width-film) solid var(--color-cobalt);
    border-radius: var(--radius-small);
}

.cookies-legal {
    background-color: var(--color-paper-light);
    border: var(--border-width-thin) solid var(--color-border-light);
    border-inline-start: var(--border-width-film) solid var(--color-cobalt);
    border-radius: var(--radius-small);
    padding: var(--card-padding);
}

.cookies-legal p {
    margin-block-end: var(--space-3);
}

.cookies-legal p:last-child {
    margin-block-end: 0;
}

.cookies-legal .cookies-list {
    margin-block-end: var(--space-3);
}

@media (max-width: 900px) {
    .cookies-page__container {
        padding-block: var(--space-6) var(--space-7);
    }
}

@media (max-width: 768px) {
    .cookies-page__container {
        padding-inline: var(--container-padding);
    }

    .cookies-management,
    .cookies-duration,
    .cookies-rights {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }

    .cookies-management {
        padding: var(--card-padding);
    }

    .cookies-section {
        margin-block-end: var(--space-6);
    }
}

@media (max-width: 480px) {
    .cookies-page__container {
        padding-block: var(--space-5) var(--space-6);
    }

    .cookies-page__hero h1 {
        font-size: var(--text-h1-size);
    }

    .cookies-section h2 {
        font-size: var(--text-h2-size);
    }

    .cookies-section h3 {
        font-size: 1.25rem;
    }

    .cookies-list {
        padding-inline-start: var(--space-3);
    }

    .cookies-definition,
    .cookies-management,
    .cookies-duration__block,
    .cookies-rights__block,
    .cookies-changes,
    .cookies-contact,
    .cookies-legal {
        padding: var(--space-3);
    }

    .cookies-contact__address {
        padding: var(--space-2);
    }
}