@charset "UTF-8";

.privacy-page {
    width: 100%;
    background-color: var(--surface-page);
}

.privacy-page__inner {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-padding-mobile);
    padding-block: var(--space-3xl);
}

.privacy-section {
    margin-block-end: var(--space-3xl);
}

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

.privacy-copy {
    width: 100%;
    max-width: 70ch;
}

.privacy-copy--left {
    margin-inline: 0;
    text-align: left;
}

.privacy-copy h1,
.privacy-copy h2 {
    margin-block-end: var(--space-md);
}

.privacy-copy p {
    margin-block-end: var(--space-md);
    color: var(--color-tekst-drugorzedny);
}

.privacy-copy p:last-child {
    margin-block-end: 0;
}

.privacy-effective-date {
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-line-height);
    font-weight: var(--text-caption-weight);
    letter-spacing: var(--text-caption-tracking);
    text-transform: uppercase;
    color: var(--color-mosiadz);
    margin-block-end: var(--space-lg);
}

.privacy-lead {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line-height);
    font-weight: 400;
    color: var(--color-tekst-drugorzedny);
}

.privacy-list {
    margin-block-end: var(--space-md);
    padding-inline-start: 0;
    list-style: none;
}

.privacy-list:last-child {
    margin-block-end: 0;
}

.privacy-list li {
    margin-block-end: var(--space-xs);
    padding-inline-start: var(--space-lg);
    position: relative;
    color: var(--color-tekst-drugorzedny);
    overflow-wrap: break-word;
}

.privacy-list li:last-child {
    margin-block-end: 0;
}

.privacy-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: 1px;
    background-color: var(--color-mosiadz);
}

.privacy-list--numbered {
    counter-reset: privacy-counter;
}

.privacy-list--numbered li {
    counter-increment: privacy-counter;
    padding-inline-start: var(--space-xl);
}

.privacy-list--numbered li::before {
    content: counter(privacy-counter);
    width: auto;
    height: auto;
    background: none;
    color: var(--color-mosiadz);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 1.125rem;
    top: 0;
    left: 0;
}

.privacy-copy a {
    color: var(--color-mosiadz);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.privacy-copy a:hover {
    color: var(--color-bursztyn);
}

.privacy-copy a:focus-visible {
    outline: 2px solid var(--color-mosiadz);
    outline-offset: 2px;
}

@media (min-width: 48rem) {
    .privacy-page__inner {
        padding-inline: var(--container-padding-desktop);
        padding-block: var(--space-4xl);
    }

    .privacy-section {
        margin-block-end: var(--space-4xl);
    }
}

@media (max-width: 47.99rem) {
    .privacy-page__inner {
        padding-block: var(--space-2xl);
    }

    .privacy-section {
        margin-block-end: var(--space-2xl);
    }

    .privacy-copy {
        max-width: 100%;
    }

    .privacy-copy h1 {
        font-size: var(--text-h1-size);
    }
}