/* Page-owned styles for polityka-cookies */
.cookies-policy-page {
    --cookies-accent: var(--color-copper);
    --cookies-accent-soft: var(--color-border-copper);
    --cookies-callout-amber: var(--color-amber-glow);
    --cookies-felt-green: var(--color-felt-green);
    --cookies-text-primary: var(--color-white);
    --cookies-text-secondary: var(--color-off-white);
    --cookies-surface: var(--surface-card);
    --cookies-radius: var(--radius-medium);
    --cookies-shadow: var(--shadow-standard);
    --cookies-gap: var(--space-6);
    --cookies-section-padding: var(--space-9);
    --cookies-section-padding-mobile: var(--space-7);
    --cookies-narrow-width: 800px;
    --cookies-measure-narrow: 65ch;
    --cookies-measure-wide: 70ch;
    background: var(--surface-gradient);
    color: var(--cookies-text-primary);
    padding-block: var(--cookies-section-padding);
}

.cookies-section {
    padding-block: var(--cookies-section-padding);
    border-block-end: 1px solid var(--cookies-accent-soft);
}

.cookies-section:last-of-type {
    border-block-end: none;
}

.cookies-section__inner {
    width: 100%;
    max-width: var(--cookies-narrow-width);
    margin-inline: auto;
    padding-inline: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--cookies-gap);
}

.cookies-section__inner--narrow {
    max-width: var(--cookies-narrow-width);
}

.cookies-section__eyebrow {
    display: inline-block;
    align-self: flex-start;
    font-size: var(--text-small);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cookies-accent);
    border-block-start: 1px solid var(--cookies-accent);
    padding-block-start: var(--space-2);
    margin-block-end: 0;
}

.cookies-section h1,
.cookies-section h2,
.cookies-section h3 {
    color: var(--cookies-text-primary);
    margin-block: 0;
}

.cookies-section h1 {
    font-size: var(--text-h1);
    line-height: var(--leading-h1);
    color: var(--cookies-accent);
}

.cookies-section h2 {
    font-size: var(--text-h2);
    line-height: var(--leading-h2);
    margin-block-start: var(--space-2);
}

.cookies-section h3 {
    font-size: var(--text-h3);
    line-height: var(--leading-h3);
    color: var(--cookies-accent);
}

.cookies-section p {
    font-size: var(--text-body);
    line-height: var(--leading-body);
    color: var(--cookies-text-secondary);
    margin-block: 0;
    max-width: var(--cookies-measure-wide);
}

.cookies-intro__lead {
    max-width: var(--cookies-measure-narrow);
}

.cookies-intro__block,
.cookies-type-block,
.cookies-management__block,
.cookies-consent__block,
.cookies-third-party__block,
.cookies-updates-contact__block {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    align-items: flex-start;
}

.cookies-type-block {
    padding-inline-start: var(--space-5);
    border-inline-start: 2px solid var(--cookies-accent-soft);
}

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

.cookies-list li {
    position: relative;
    padding-inline-start: var(--space-5);
    color: var(--cookies-text-secondary);
    font-size: var(--text-body);
    line-height: var(--leading-body);
    max-width: var(--cookies-measure-wide);
}

.cookies-list li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.65em;
    width: 6px;
    height: 6px;
    background-color: var(--cookies-accent);
    border-radius: 50%;
}

.cookies-list--browser li {
    padding-inline-start: var(--space-6);
    border-inline-start: 1px solid var(--cookies-accent-soft);
}

.cookies-list--browser li::before {
    width: 8px;
    height: 8px;
    background-color: var(--cookies-felt-green);
    inset-block-start: 0.5em;
}

.cookies-consent__callout {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
    background: rgba(255, 191, 0, 0.06);
    border: 1px solid rgba(255, 191, 0, 0.35);
    border-radius: var(--cookies-radius);
    box-shadow: var(--cookies-shadow);
}

.cookies-consent__callout h3 {
    color: var(--cookies-callout-amber);
}

.cookies-updates-contact__contact-block {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
    background: var(--cookies-surface);
    border: 1px solid var(--cookies-accent-soft);
    border-radius: var(--cookies-radius);
    box-shadow: var(--cookies-shadow);
}

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

.cookies-contact-list li {
    color: var(--cookies-text-secondary);
    font-size: var(--text-body);
    line-height: var(--leading-body);
    max-width: var(--cookies-measure-wide);
}

.cookies-contact-list a {
    color: var(--cookies-accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cookies-contact-list a:hover {
    color: var(--color-copper-light);
}

@media (max-width: 767px) {
    .cookies-policy-page {
        padding-block: var(--cookies-section-padding-mobile);
    }

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

    .cookies-section__inner {
        padding-inline: var(--space-4);
        gap: var(--space-5);
    }

    .cookies-section h1 {
        font-size: var(--text-h1);
        line-height: var(--leading-h1);
    }

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

    .cookies-section h3 {
        font-size: var(--text-h3);
        line-height: var(--leading-h3);
    }

    .cookies-section p,
    .cookies-list li,
    .cookies-contact-list li {
        font-size: var(--text-body);
        line-height: var(--leading-body);
        max-width: 100%;
    }

    .cookies-type-block {
        padding-inline-start: var(--space-4);
    }

    .cookies-consent__callout,
    .cookies-updates-contact__contact-block {
        padding: var(--space-4);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cookies-section__inner {
        padding-inline: var(--space-6);
    }
}

@media (min-width: 1024px) {
    .cookies-section__inner {
        padding-inline: var(--space-7);
    }
}

/* mobile-photo-center */
@media (max-width: 56.25rem) {
  img,
  video {
    object-position: center !important;
  }

  .image-frame,
  .media-frame,
  .card__media,
  [class*='__media'] {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    justify-self: stretch;
    overflow: hidden;
  }

  .image-frame img,
  .media-frame img,
  .media-frame video,
  .card__media img,
  [class*='__media'] img,
  [class*='hero'] img,
  [class*='hero__image'] {
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center !important;
  }
}