/* Polityka Cookies page styles */
.cookies-page {
    padding-block: var(--space-6) var(--space-7);
}

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

.cookies-page__hero {
    text-align: center;
    max-width: 800px;
    margin-inline: auto;
    padding-block: var(--space-4);
}

.cookies-page__title {
    color: var(--accent-cyan);
    margin-block-end: var(--space-3);
}

.cookies-page__lead {
    font-size: 18px;
    line-height: 1.6;
    color: var(--text-secondary);
    max-width: 700px;
    margin-inline: auto;
}

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

.cookies-page__heading {
    text-align: left;
    margin-block-end: 0;
}

.cookies-page__heading--cyan {
    color: var(--accent-cyan);
}

.cookies-page__heading--magenta {
    color: var(--accent-magenta);
}

.cookies-page__heading--yellow {
    color: var(--accent-yellow);
}

.cookies-page__heading--purple {
    color: var(--accent-purple);
}

.cookies-page__subheading {
    color: var(--text-primary);
    margin-block-end: var(--space-3);
}

.cookies-page__intro-panel,
.cookies-page__entities-panel,
.cookies-page__rights-panel,
.cookies-page__contact-panel,
.cookies-page__updates-panel {
    max-width: 800px;
    margin-inline: auto;
    width: 100%;
    padding: var(--space-4);
}

.cookies-page__intro-panel p,
.cookies-page__entities-panel p,
.cookies-page__rights-panel p,
.cookies-page__contact-panel p,
.cookies-page__updates-panel p {
    margin-block-end: var(--space-3);
}

.cookies-page__intro-panel p:last-child,
.cookies-page__entities-panel p:last-child,
.cookies-page__rights-panel p:last-child,
.cookies-page__contact-panel p:last-child,
.cookies-page__updates-panel p:last-child {
    margin-block-end: 0;
}

.cookies-page__key-fact {
    background-color: var(--bg-primary);
    border-inline-start: 4px solid var(--accent-cyan);
    padding: var(--space-3);
    border-radius: var(--radius-1);
    color: var(--text-primary);
}

.cookies-page__note {
    background-color: var(--bg-primary);
    border-inline-start: 4px solid var(--accent-yellow);
    padding: var(--space-3);
    border-radius: var(--radius-1);
    color: var(--text-secondary);
}

/* Cookie cards grid */
.cookies-page__cookie-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
    width: 100%;
}

.cookies-page__cookie-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
}

.cookies-page__cookie-card .cookies-page__card-title {
    color: var(--text-primary);
    margin-block-end: 0;
}

.cookies-page__cookie-card p,
.cookies-page__cookie-card ul {
    margin-block-end: 0;
}

.cookies-page__cookie-card--necessary {
    border-color: var(--accent-cyan);
}

.cookies-page__cookie-card--necessary:hover {
    border-color: var(--accent-cyan);
    box-shadow: 0 0 12px rgba(39, 215, 232, 0.35);
}

.cookies-page__cookie-card--analytical {
    border-color: var(--accent-magenta);
}

.cookies-page__cookie-card--analytical:hover {
    border-color: var(--accent-magenta);
    box-shadow: 0 0 12px rgba(232, 61, 155, 0.35);
}

.cookies-page__cookie-card--functional {
    border-color: var(--accent-yellow);
}

.cookies-page__cookie-card--functional:hover {
    border-color: var(--accent-yellow);
    box-shadow: 0 0 12px rgba(255, 212, 71, 0.35);
}

.cookies-page__cookie-card--marketing {
    border-color: var(--accent-purple);
}

.cookies-page__cookie-card--marketing:hover {
    border-color: var(--accent-purple);
    box-shadow: 0 0 12px rgba(118, 87, 217, 0.35);
}

.cookies-page__fact {
    font-size: 14px;
    color: var(--text-secondary);
    border-block-start: 1px solid var(--border);
    padding-block-start: var(--space-2);
}

/* Purpose grid */
.cookies-page__purpose-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    width: 100%;
}

.cookies-page__purpose-column {
    min-width: 0;
    padding: var(--space-4);
    background-color: var(--bg-surface);
    border: 2px solid var(--border);
    border-radius: var(--radius-2);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cookies-page__purpose-column p,
.cookies-page__purpose-column ul {
    margin-block-end: 0;
}

/* Storage panel */
.cookies-page__storage-panel {
    max-width: 700px;
    margin-inline: auto;
    width: 100%;
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

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

.cookies-page__table-wrapper {
    overflow-x: auto;
    width: 100%;
}

.cookies-page__storage-table {
    min-width: 500px;
    margin-block-end: 0;
}

.cookies-page__storage-table th {
    background-color: var(--bg-primary);
    color: var(--accent-cyan);
}

.cookies-page__storage-table tr:nth-child(2) th {
    color: var(--accent-magenta);
}

.cookies-page__storage-table tr:nth-child(3) th {
    color: var(--accent-yellow);
}

.cookies-page__storage-table tr:nth-child(4) th {
    color: var(--accent-purple);
}

/* Manage grid */
.cookies-page__manage-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
    width: 100%;
}

.cookies-page__manage-column {
    min-width: 0;
    padding: var(--space-4);
    background-color: var(--bg-surface);
    border: 2px solid var(--border);
    border-radius: var(--radius-2);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cookies-page__manage-column p,
.cookies-page__manage-column ul {
    margin-block-end: 0;
}

/* Responsive */
@media (max-width: 1023px) {
    .cookies-page__cookie-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cookies-page__purpose-grid {
        grid-template-columns: 1fr;
    }

    .cookies-page__manage-grid {
        grid-template-columns: 1fr;
    }
}

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

    .cookies-page__container {
        gap: var(--space-5);
    }

    .cookies-page__hero {
        padding-block: var(--space-3);
    }

    .cookies-page__lead {
        font-size: 16px;
    }

    .cookies-page__cookie-grid {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    .cookies-page__purpose-grid,
    .cookies-page__manage-grid {
        gap: var(--space-3);
    }

    .cookies-page__intro-panel,
    .cookies-page__entities-panel,
    .cookies-page__rights-panel,
    .cookies-page__contact-panel,
    .cookies-page__updates-panel,
    .cookies-page__storage-panel {
        padding: var(--space-3);
    }

    .cookies-page__cookie-card,
    .cookies-page__purpose-column,
    .cookies-page__manage-column {
        padding: var(--space-3);
    }
}

@media (max-width: 479px) {
    .cookies-page__title {
        font-size: 28px;
    }

    .cookies-page__heading {
        font-size: 22px;
    }

    .cookies-page__subheading {
        font-size: 18px;
    }
}