/* Cookies page styles */
.cookies-page {
    width: 100%;
    padding-block: var(--space-7) var(--space-8);
}

.cookies-page__container {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-padding);
}

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

.cookies-section--tinted {
    background-color: rgba(125, 206, 160, 0.1);
    border-radius: var(--radius-lg);
    padding-inline: var(--space-4);
}

.cookies-section__inner {
    width: 100%;
    margin-inline: auto;
}

.cookies-section__inner--narrow {
    max-width: 720px;
    text-align: left;
}

.cookies-kicker {
    font-size: var(--text-label-size);
    line-height: var(--text-label-line-height);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-letter-spacing);
    text-transform: uppercase;
    color: var(--color-tomato-red);
    margin-block-end: var(--space-2);
}

.cookies-intro__lead {
    font-size: var(--text-body-large-size);
    line-height: var(--text-body-large-line-height);
    font-weight: var(--text-body-large-weight);
    color: var(--color-text-on-light);
    margin-block-end: var(--space-5);
}

.cookies-intro__definition,
.cookies-intro__approach,
.cookies-how__block,
.cookies-manage__block,
.cookies-changes__block,
.cookies-contact__block {
    margin-block-end: var(--space-5);
}

.cookies-intro__definition:last-child,
.cookies-intro__approach:last-child,
.cookies-how__block:last-child,
.cookies-manage__block:last-child,
.cookies-changes__block:last-child,
.cookies-contact__block:last-child {
    margin-block-end: 0;
}

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

.cookies-list li {
    position: relative;
    padding-inline-start: var(--space-4);
    line-height: var(--text-body-line-height);
}

.cookies-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-pill);
    background-color: var(--color-butter-yellow);
}

.cookies-types__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    margin-block-start: var(--space-4);
}

.cookies-type-card {
    background-color: var(--color-warm-ivory);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    padding: var(--space-4);
    border-inline-start: 4px solid var(--color-cobalt-blue);
    min-width: 0;
}

.cookies-type-card h3 {
    margin-block-end: var(--space-2);
}

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

.cookies-type-card .cookies-list {
    margin-block-start: var(--space-2);
}

.cookies-changes__date {
    font-size: var(--text-body-large-size);
    line-height: var(--text-body-large-line-height);
    margin-block: var(--space-3);
    padding: var(--space-3);
    background-color: rgba(244, 208, 63, 0.15);
    border-radius: var(--radius-md);
    border-inline-start: 4px solid var(--color-butter-yellow);
}

.cookies-changes__date strong {
    color: var(--color-cobalt-blue);
}

.cookies-contact__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
    margin-block: var(--space-4);
}

.cookies-contact__item {
    background-color: var(--color-warm-ivory);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    padding: var(--space-4);
    min-width: 0;
}

.cookies-contact__item:last-child {
    grid-column: 1 / -1;
}

.cookies-contact__label {
    display: block;
    font-size: var(--text-label-size);
    line-height: var(--text-label-line-height);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-letter-spacing);
    text-transform: uppercase;
    color: var(--color-text-muted);
    margin-block-end: var(--space-2);
}

.cookies-contact__item a {
    color: var(--color-cobalt-blue);
    font-weight: 500;
}

.cookies-contact__item address {
    line-height: var(--text-body-line-height);
}

.cookies-contact__note {
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-line-height);
    color: var(--color-text-muted);
    margin-block-start: var(--space-3);
}

@media (max-width: 64rem) {
    .cookies-types__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    .cookies-page {
        padding-block: var(--space-6) var(--space-7);
    }

    .cookies-section {
        padding-block: var(--space-5);
    }

    .cookies-section--tinted {
        padding-inline: var(--space-3);
    }

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

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

    .cookies-contact__item:last-child {
        grid-column: auto;
    }
}

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

    .cookies-section__inner--narrow {
        max-width: 100%;
    }

    .cookies-section--tinted {
        border-radius: var(--radius-md);
    }
}