/* --- FINALNY UKŁAD ARTYKUŁU --- */
@media (min-width: 1025px) {
  body.single-post .site-content,
  body.fr-single-template .site-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.single-post #primary,
  body.single-post #right-sidebar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
  }

  body.single-post #right-sidebar {
    display: none !important;
  }

  body.single-post .inside-right-sidebar,
  body.single-post .fr-article-sidebar-modules {
    position: sticky !important;
    top: 96px !important;
  }
}

@media (max-width: 1024px) {
  body.single-post .site-content,
  body.fr-single-template .site-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  body.single-post #primary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
  }

  body.single-post #right-sidebar {
    display: none !important;
  }

  .fr-sidebar-ad-small {
    display: none !important;
  }
}

/* --- ZABEZPIECZENIE OBRAZÓW --- */
body.single-post #primary,
body.single-post .entry-content {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

body.single-post #primary img,
body.single-post .entry-content img {
  max-width: 100% !important;
  height: auto !important;
}

/* Sidebar Ad Placeholder */
.fr-sidebar-ad-small {
  width: 100%;
  height: 280px;
  min-height: 280px;
  margin: 22px 0;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
  box-sizing: border-box;
  overflow: hidden;
}

/* Sidebar Module Headers */
.fr-sidebar-box h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0 0 8px;
  border-bottom: 1px solid #e5e5e5;
  color: #111;
  font-size: 19px;
  line-height: 1.15;
  font-weight: 850;
}

.fr-sidebar-box h2::before {
  content: "";
  width: 3px;
  height: 18px;
  background: #E12626;
  flex: 0 0 auto;
}

/* Sidebar Cards & Lists Alignment */
.fr-sidebar-card-thumb img,
.fr-sidebar-list-thumb img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.fr-sidebar-card h3,
.fr-sidebar-list-item h4,
.fr-sidebar-ranked-item h4 {
  margin: 8px 0 0;
  color: #111;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
}

.fr-sidebar-meta {
  margin-top: 5px;
  color: #777;
  font-size: 12px;
  line-height: 1.3;
}

@media (hover: hover) and (pointer: fine) {
  #right-sidebar a:hover h3,
  #right-sidebar a:hover h4 {
    color: #E12626;
  }
}

/* --- CSS FIXES FOR ARTICLE LAYOUT --- */

/* --- ZMIANY WYGLĄDU BLOKÓW: ŹRÓDŁO, TAGI I PODZIEL SIĘ --- */

/* 1. Źródło (Source) */
body.single-post .fr-source-box,
body.single-post .fr-article-source,
body.single-post .fr-source {
  margin: 28px 0 16px;
  padding: 14px 0;
  border: 0 !important;
  border-top: 1px solid #eeeeee !important;
  border-bottom: 1px solid #eeeeee !important;
  background: transparent !important;
  color: #555;
  font-size: 15px;
  line-height: 1.45;
  box-shadow: none !important;
}

body.single-post .fr-source-box strong,
body.single-post .fr-article-source strong,
body.single-post .fr-source strong,
body.single-post .fr-source-label {
  color: #111;
  font-weight: 700;
}

body.single-post .fr-source-box a,
body.single-post .fr-article-source a,
body.single-post .fr-source a {
  color: #333 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

body.single-post .fr-source-box a:hover,
body.single-post .fr-article-source a:hover,
body.single-post .fr-source a:hover {
  color: #E12626 !important;
}

/* 2. Tagi (Tags) */
body.single-post .fr-article-tags,
body.single-post .fr-tags,
body.single-post .post-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 18px 0 22px !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid #eeeeee !important;
}

body.single-post .fr-article-tags-title,
body.single-post .fr-tags-title,
body.single-post .fr-tags-label {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  margin-right: 4px !important;
  color: #777 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body.single-post .fr-article-tags a,
body.single-post .fr-tags a,
body.single-post .post-tags a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px !important;
  background: #fafafa !important;
  color: #444 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* 3. Podziel się (Share) */
body.single-post .fr-share-row,
body.single-post .fr-article-share,
body.single-post .fr-share,
body.single-post .fr-post-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 30px;
  padding: 18px 0 0;
  border-top: 1px solid #f0f0f0;
}

body.single-post .fr-share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.single-post .fr-share-label,
body.single-post .fr-share-title {
  display: inline-flex;
  align-items: center;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-right: 4px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #555 !important;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 750;
  box-shadow: none !important;
}

body.single-post .fr-share-label svg,
body.single-post .fr-share-title svg {
  margin-right: 6px;
  fill: currentColor;
  width: 16px !important;
  height: 16px !important;
}

body.single-post .fr-share-row a,
body.single-post .fr-share-row button,
body.single-post .fr-article-share a,
body.single-post .fr-article-share button,
body.single-post .fr-share a,
body.single-post .fr-share button,
body.single-post .fr-post-share a,
body.single-post .fr-post-share button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  color: #222 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body.single-post .fr-share-row a svg,
body.single-post .fr-share-row button svg,
body.single-post .fr-article-share a svg,
body.single-post .fr-article-share button svg,
body.single-post .fr-share a svg,
body.single-post .fr-share button svg,
body.single-post .fr-post-share a svg,
body.single-post .fr-post-share button svg {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  fill: currentColor !important;
  display: block;
}

body.single-post .fr-share a,
body.single-post .fr-share-row a,
body.single-post .fr-article-share a,
body.single-post .fr-share button,
body.single-post .fr-share-row button,
body.single-post .fr-article-share button {
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

body.single-post .fr-share a svg,
body.single-post .fr-share-row a svg,
body.single-post .fr-article-share a svg,
body.single-post .fr-share button svg,
body.single-post .fr-share-row button svg,
body.single-post .fr-article-share button svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Facebook */
body.single-post .fr-share-facebook:hover,
body.single-post a[aria-label*="Facebook"]:hover,
body.single-post button[aria-label*="Facebook"]:hover {
  border-color: #1877F2 !important;
  background: #1877F2 !important;
  color: #fff !important;
}

/* X / Twitter */
body.single-post .fr-share-x:hover,
body.single-post .fr-share-twitter:hover,
body.single-post a[aria-label*="Twitter"]:hover,
body.single-post a[aria-label*="X"]:hover,
body.single-post button[aria-label*="Twitter"]:hover,
body.single-post button[aria-label*="X"]:hover {
  border-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
}

/* Kopiuj link */
body.single-post .fr-share-copy:hover,
body.single-post a[aria-label*="Kopiuj"]:hover,
body.single-post a[aria-label*="link"]:hover,
body.single-post button[aria-label*="Kopiuj"]:hover,
body.single-post button[aria-label*="link"]:hover {
  border-color: #555 !important;
  background: #555 !important;
  color: #fff !important;
}

/* Pinterest */
body.single-post .fr-share-pinterest:hover,
body.single-post a[aria-label*="Pinterest"]:hover,
body.single-post button[aria-label*="Pinterest"]:hover {
  border-color: #E60023 !important;
  background: #E60023 !important;
  color: #fff !important;
}

/* WhatsApp */
body.single-post .fr-share-whatsapp:hover,
body.single-post a[aria-label*="WhatsApp"]:hover,
body.single-post button[aria-label*="WhatsApp"]:hover {
  border-color: #25D366 !important;
  background: #25D366 !important;
  color: #fff !important;
}

@media (hover: hover) and (pointer: fine) {
  body.single-post .fr-article-tags a:hover,
  body.single-post .fr-tags a:hover,
  body.single-post .post-tags a:hover {
    border-color: #E12626 !important;
    background: #fff !important;
    color: #E12626 !important;
  }

  body.single-post .fr-share a:hover,
  body.single-post .fr-share-row a:hover,
  body.single-post .fr-article-share a:hover,
  body.single-post .fr-share button:hover,
  body.single-post .fr-share-row button:hover,
  body.single-post .fr-article-share button:hover {
    transform: translateY(-1px) !important;
  }
}

/* =========================================================
   4RINGS — TYPOGRAPHY TEST 2026
   Single post typography only
   ========================================================= */

:root {
    --fr-font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fr-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --fr-article-content-width: 720px;

    --fr-article-text-color: #2D3748;
    --fr-article-muted-color: #555555;
    --fr-article-caption-color: #718096;

    --fr-article-body-size-desktop: 18px;
    --fr-article-body-size-mobile: 16.75px;

    --fr-article-line-height-desktop: 1.65;
    --fr-article-line-height-mobile: 1.62;

    --fr-article-paragraph-gap-desktop: 28px;
    --fr-article-paragraph-gap-mobile: 23px;
}

/* Główna treść artykułu */
.single-post .entry-content,
.single-post .fr-article-content,
.single-post .inside-article .entry-content {
    max-width: var(--fr-article-content-width);
    font-family: var(--fr-font-body);
    font-size: var(--fr-article-body-size-mobile);
    line-height: var(--fr-article-line-height-mobile);
    color: var(--fr-article-text-color);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Akapity artykułu */
.single-post .entry-content p,
.single-post .fr-article-content p,
.single-post .inside-article .entry-content p {
    font-size: inherit;
    line-height: var(--fr-article-line-height-mobile);
    margin-bottom: var(--fr-article-paragraph-gap-mobile);
    text-align: left;
}

/* Lead pod H1 — nadal akapit, nie H2/H3 */
.single-post .entry-content > p:first-of-type,
.single-post .fr-article-content > p:first-of-type,
.single-post .inside-article .entry-content > p:first-of-type {
    font-size: clamp(1.07rem, 2vw, 1.24rem);
    line-height: 1.48;
    font-weight: 700;
    letter-spacing: -0.018em;
    margin-bottom: 24px;
    color: var(--fr-article-text-color);
}

/* H1 artykułu */
.single-post .entry-title,
.single-post .fr-article-title,
.single-post .article-header h1,
.single-post .entry-header h1 {
    max-width: var(--fr-article-content-width);
    font-family: var(--fr-font-heading);
    font-size: clamp(2rem, 9vw, 3.25rem);
    line-height: 0.98;
    font-weight: 800;
    letter-spacing: -0.055em;
    margin-bottom: 15px;
    color: #111111;
}

/* Nagłówki H2 w treści */
.single-post .entry-content h2,
.single-post .fr-article-content h2,
.single-post .inside-article .entry-content h2 {
    max-width: var(--fr-article-content-width);
    font-family: var(--fr-font-heading);
    font-size: clamp(1.5rem, 6vw, 2.05rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.05em;
    margin-top: 32px;
    margin-bottom: 12px;
    color: #111111;
}

/* Nagłówki H3 w treści */
.single-post .entry-content h3,
.single-post .fr-article-content h3,
.single-post .inside-article .entry-content h3 {
    max-width: var(--fr-article-content-width);
    font-family: var(--fr-font-heading);
    font-size: clamp(1.22rem, 4.5vw, 1.55rem);
    line-height: 1.16;
    font-weight: 750;
    letter-spacing: -0.035em;
    margin-top: 26px;
    margin-bottom: 10px;
    color: #111111;
}

/* Listy w artykule */
.single-post .entry-content ul,
.single-post .entry-content ol,
.single-post .fr-article-content ul,
.single-post .fr-article-content ol,
.single-post .inside-article .entry-content ul,
.single-post .inside-article .entry-content ol {
    font-size: inherit;
    line-height: var(--fr-article-line-height-mobile);
    margin-bottom: var(--fr-article-paragraph-gap-mobile);
}

/* Metadane artykułu */
.single-post .entry-meta,
.single-post .post-meta,
.single-post .wp-block-post-date,
.single-post .fr-article-meta {
    font-family: var(--fr-font-heading);
    font-size: 13px;
    line-height: 1.4;
    color: var(--fr-article-muted-color);
    letter-spacing: -0.015em;
}

/* Podpisy pod zdjęciami */
.single-post figcaption,
.single-post .wp-block-image figcaption {
    font-family: var(--fr-font-body);
    font-size: 13px;
    line-height: 1.4;
    color: var(--fr-article-caption-color);
    margin-top: 8px;
    text-align: center;
}

/* Media nie powinny zostać przypadkowo zgniecione przez szerokość tekstu */
.single-post .entry-content figure,
.single-post .entry-content .wp-block-image,
.single-post .entry-content .wp-block-gallery,
.single-post .entry-content .wp-block-embed,
.single-post .fr-article-content figure,
.single-post .fr-article-content .wp-block-image,
.single-post .fr-article-content .wp-block-gallery,
.single-post .fr-article-content .wp-block-embed {
    max-width: 100%;
}

/* Tabele i elementy techniczne */
.single-post .entry-content table,
.single-post .fr-article-content table,
.single-post .inside-article .entry-content table {
    max-width: 100%;
}

/* Desktop */
@media (min-width: 1024px) {
    .single-post .entry-content,
    .single-post .fr-article-content,
    .single-post .inside-article .entry-content {
        max-width: var(--fr-article-content-width);
        font-size: var(--fr-article-body-size-desktop);
        line-height: var(--fr-article-line-height-desktop);
    }

    .single-post .entry-content p,
    .single-post .fr-article-content p,
    .single-post .inside-article .entry-content p {
        line-height: var(--fr-article-line-height-desktop);
        margin-bottom: var(--fr-article-paragraph-gap-desktop);
        text-align: left;
    }

    .single-post .entry-content > p:first-of-type,
    .single-post .fr-article-content > p:first-of-type,
    .single-post .inside-article .entry-content > p:first-of-type {
        font-size: clamp(1.12rem, 1.55vw, 1.28rem);
        line-height: 1.48;
        margin-bottom: 30px;
    }

    .single-post .entry-title,
    .single-post .fr-article-title,
    .single-post .article-header h1,
    .single-post .entry-header h1 {
        font-size: clamp(2.65rem, 5vw, 4.35rem);
        line-height: 0.96;
        letter-spacing: -0.065em;
        margin-bottom: 20px;
    }

    .single-post .entry-content h2,
    .single-post .fr-article-content h2,
    .single-post .inside-article .entry-content h2 {
        font-size: clamp(1.85rem, 2.8vw, 2.55rem);
        line-height: 1.04;
        margin-top: 42px;
        margin-bottom: 15px;
    }

    .single-post .entry-content h3,
    .single-post .fr-article-content h3,
    .single-post .inside-article .entry-content h3 {
        font-size: clamp(1.35rem, 2vw, 1.75rem);
        line-height: 1.14;
        margin-top: 32px;
        margin-bottom: 12px;
    }

    .single-post .entry-content ul,
    .single-post .entry-content ol,
    .single-post .fr-article-content ul,
    .single-post .fr-article-content ol,
    .single-post .inside-article .entry-content ul,
    .single-post .inside-article .entry-content ol {
        line-height: var(--fr-article-line-height-desktop);
        margin-bottom: var(--fr-article-paragraph-gap-desktop);
    }

    .single-post .entry-meta,
    .single-post .post-meta,
    .single-post .wp-block-post-date,
    .single-post .fr-article-meta {
        font-size: 14px;
    }

    .single-post figcaption,
    .single-post .wp-block-image figcaption {
        font-size: 14px;
    }
}

/* Mobile safety */
@media (max-width: 768px) {
    .single-post .entry-content,
    .single-post .fr-article-content,
    .single-post .inside-article .entry-content {
        max-width: 100%;
    }

    .single-post .entry-title,
    .single-post .fr-article-title,
    .single-post .article-header h1,
    .single-post .entry-header h1 {
        max-width: 100%;
    }
}

/* 4. Autor (Author Box) */
body.single-post .fr-article-author-box {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin: 30px 0;
  padding: 22px;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  box-sizing: border-box;
}

body.single-post .fr-article-author-avatar img {
  width: 80px !important;
  height: 80px !important;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

body.single-post .fr-article-author-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: #E12626;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

body.single-post .fr-article-author-name {
  margin: 0 0 8px;
  color: #111;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 850;
}

body.single-post .fr-article-author-content p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.55;
}

body.single-post .fr-article-author-link {
  display: inline-block;
  margin-top: 12px;
  color: #E12626;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  text-decoration: none;
}

body.single-post .fr-article-author-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 768px) {
  body.single-post .fr-source-box,
  body.single-post .fr-article-source,
  body.single-post .fr-source {
    margin: 24px 0 14px;
    padding: 13px 0;
    font-size: 14px;
  }

  body.single-post .fr-article-tags,
  body.single-post .fr-tags,
  body.single-post .post-tags {
    gap: 6px !important;
    margin: 16px 0 20px !important;
    padding-top: 14px !important;
  }

  body.single-post .fr-article-tags a,
  body.single-post .fr-tags a,
  body.single-post .post-tags a {
    min-height: 28px !important;
    padding: 5px 9px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  body.single-post .fr-share-row,
  body.single-post .fr-article-share,
  body.single-post .fr-share,
  body.single-post .fr-post-share {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin: 18px 0 26px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  body.single-post .fr-share-row::-webkit-scrollbar {
    display: none;
  }

  body.single-post .fr-share-label,
  body.single-post .fr-share-title {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body.single-post .fr-share-buttons {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  body.single-post .fr-share-row a,
  body.single-post .fr-share-row button,
  body.single-post .fr-article-share a,
  body.single-post .fr-article-share button,
  body.single-post .fr-share a,
  body.single-post .fr-share button,
  body.single-post .fr-post-share a,
  body.single-post .fr-post-share button {
    flex: 0 0 auto !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  body.single-post .fr-article-author-box {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 14px;
    margin: 26px 0;
    padding: 16px;
  }

  body.single-post .fr-article-author-avatar img {
    width: 60px !important;
    height: 60px !important;
  }

  body.single-post .fr-article-author-name {
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 1.15;
  }

  body.single-post .fr-article-author-content p {
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 8px;
  }

  body.single-post .fr-article-author-link {
    margin-top: 4px;
    font-size: 13px;
  }
}

/* =========================================================
   ZADANIE: KOLOROWE ETYKIETY KATEGORII W SIDEBARZE I CZYTAJ DALEJ
   ========================================================= */

/* BAZOWY WYGLĄD BADGE'A */
.fr-single-sidebar .fr-sidebar-kicker,
.fr-single-sidebar .fr-sidebar-cat,
.fr-single-sidebar .fr-sidebar-category,
.fr-article-related .fr-article-related-kicker,
.fr-article-related .fr-card-cat,
.fr-article-related .fr-related-cat {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 22px !important;
  padding: 5px 8px !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .025em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: auto !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* KOLORY KATEGORII (ZGODNIE Z BRANDBOOKIEM) */
.fr-single-sidebar .fr-cat-aktualnosci,
.fr-article-related .fr-cat-aktualnosci { background: #E12626 !important; color: #fff !important; }

.fr-single-sidebar .fr-cat-testy,
.fr-article-related .fr-cat-testy { background: #1565C0 !important; color: #fff !important; }

.fr-single-sidebar .fr-cat-rankingi,
.fr-article-related .fr-cat-rankingi { background: #1E8E3E !important; color: #fff !important; }

.fr-single-sidebar .fr-cat-poradniki,
.fr-article-related .fr-cat-poradniki { background: #5B3CC4 !important; color: #fff !important; }

.fr-single-sidebar .fr-cat-napedy,
.fr-article-related .fr-cat-napedy { background: #FFC400 !important; color: #111 !important; }

.fr-single-sidebar .fr-cat-rynek,
.fr-article-related .fr-cat-rynek { background: #F57C00 !important; color: #fff !important; }

.fr-single-sidebar .fr-cat-chinskie-marki,
.fr-article-related .fr-cat-chinskie-marki { background: #8B1E3F !important; color: #fff !important; }

/* POZYCJONOWANIE I ODSTĘPY — SIDEBAR */
.fr-single-sidebar .fr-sidebar-list-item,
.fr-single-sidebar .fr-sidebar-selected-item,
.fr-single-sidebar .fr-sidebar-pick-item {
  align-items: start !important;
}

/* Kompaktowe pozycje: Najnowsze, Wybrane artykuły */
.fr-single-sidebar .fr-sidebar-list-item .fr-sidebar-kicker,
.fr-single-sidebar .fr-sidebar-selected-item .fr-sidebar-kicker,
.fr-single-sidebar .fr-sidebar-pick-item .fr-sidebar-kicker {
  margin: 0 0 6px !important;
}

/* Artykuł dnia */
.fr-single-sidebar .fr-sidebar-card .fr-sidebar-kicker,
.fr-single-sidebar .fr-sidebar-featured .fr-sidebar-kicker,
.fr-single-sidebar .fr-sidebar-card-featured .fr-sidebar-kicker {
  margin: 12px 0 8px !important;
}

/* Korekta marginesu górnego dla tytułów list */
.fr-single-sidebar .fr-sidebar-list-item h4,
.fr-single-sidebar .fr-sidebar-selected-item h4,
.fr-single-sidebar .fr-sidebar-pick-item h4 {
  margin-top: 0 !important;
}

/* Ukrycie (fallback) jeśli kategoria przypadkowo trafiłaby do Warto przeczytać */
.fr-single-sidebar .fr-sidebar-ranked-item .fr-sidebar-kicker,
.fr-single-sidebar .fr-sidebar-ranked-item .fr-sidebar-cat {
  display: none !important;
}

/* Ukrywamy stare klasy wymuszające stary czerwony tekst by uniknąć konfliktów */
.fr-single-sidebar .fr-sidebar-list-body > span:not(.fr-sidebar-kicker) {
  display: none !important;
}

/* POZYCJONOWANIE I ODSTĘPY — CZYTAJ DALEJ */
.fr-article-related .fr-article-related-kicker {
  margin: 12px 0 8px !important;
}

.fr-article-related-body h3 {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  .fr-article-related .fr-article-related-kicker,
  .fr-article-related .fr-card-cat,
  .fr-article-related .fr-related-cat {
    font-size: 10px !important;
    padding: 5px 8px !important;
    margin: 8px 0 7px !important;
  }
}

/* Nadpisanie zduplikowanych, starych stylów dla kickera, jeśli występują wyżej w kodzie */
.fr-single-sidebar .fr-sidebar-cat,
.fr-single-sidebar .fr-sidebar-category,
.fr-single-sidebar .fr-sidebar-list-item .fr-sidebar-cat {
  display: none !important; 
}

/* =========================================================
   ZADANIE: POPRAWA POLSKICH ZNAKÓW I TYPOGRAFII
   ========================================================= */

body.single-post,
body.single-post .fr-single,
body.single-post .fr-single *,
body.single-post .fr-article-related,
body.single-post .fr-single-sidebar {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto !important;
}

.fr-single-title {
  font-weight: 850 !important;
  letter-spacing: -0.03em !important;
}

.fr-article-related h3,
.fr-article-related h4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 780 !important;
  letter-spacing: -0.012em !important;
  line-height: 1.13 !important;
}

.fr-single-sidebar h2,
.fr-single-sidebar h3,
.fr-single-sidebar h4,
.fr-single-sidebar .fr-sidebar-box h2,
.fr-single-sidebar .fr-sidebar-card h3,
.fr-single-sidebar .fr-sidebar-list-item h4,
.fr-single-sidebar .fr-sidebar-ranked-item h4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 780 !important;
  letter-spacing: -0.01em !important;
}

/* =========================================================
   4RINGS — CZYTAJ DALEJ TYPOGRAPHY (Lżejsze fonty)
   ========================================================= */

body.single-post .fr-article-related h2,
body.single-post .fr-related-title {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 760 !important;
  letter-spacing: -0.014em !important;
  text-rendering: auto !important;
}

@media (min-width: 1025px) {
  body.single-post .fr-article-related h3,
  body.single-post .fr-article-related h4,
  body.single-post .fr-article-related-card h3,
  body.single-post .fr-article-related-card h4,
  body.single-post .fr-related-card h3,
  body.single-post .fr-related-card h4 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: -0.006em !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
}

@media (max-width: 1024px) {
  body.single-post .fr-article-related h3,
  body.single-post .fr-article-related h4,
  body.single-post .fr-article-related-card h3,
  body.single-post .fr-article-related-card h4,
  body.single-post .fr-related-card h3,
  body.single-post .fr-related-card h4 {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.004em !important;
  }
}

/* =========================================================
   4RINGS — SIDEBAR TYPOGRAPHY FIX (Lżejsze fonty)
   ========================================================= */

@media (min-width: 1025px) {
  body.single-post .fr-single-sidebar,
  body.single-post .fr-single-sidebar * {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-box h2 {
    font-size: 19px !important;
    line-height: 1.16 !important;
    font-weight: 740 !important;
    letter-spacing: -0.012em !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card h3,
  body.single-post .fr-single-sidebar .fr-sidebar-featured h3,
  body.single-post .fr-single-sidebar .fr-sidebar-card-featured h3 {
    font-size: 16px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    letter-spacing: -0.006em !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-number,
  body.single-post .fr-single-sidebar .fr-sidebar-rank {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-cat,
  body.single-post .fr-single-sidebar .fr-sidebar-category,
  body.single-post .fr-single-sidebar .fr-card-cat,
  body.single-post .fr-single-sidebar .fr-sidebar-kicker {
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 720 !important;
    letter-spacing: .025em !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-meta {
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-item h4,
  body.single-post .fr-single-sidebar .fr-sidebar-selected-item h4,
  body.single-post .fr-single-sidebar .fr-sidebar-pick-item h4,
  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item h4 {
    color: #151515 !important;
    font-size: 14px !important;
    line-height: 1.34 !important;
    font-weight: 680 !important;
    letter-spacing: -0.004em !important;
  }
}

/* =========================================================
   4RINGS — MOBILE REMOVE TOP AD ABOVE ARTICLE
   ========================================================= */

@media (max-width: 1024px) {
  body.single-post .fr-single-top-wide,
  body.fr-single-template .fr-single-top-wide {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.single-post .fr-single-top-ad,
  body.fr-single-template .fr-single-top-ad {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* =========================================================
   4RINGS — W SKRÓCIE (SUMMARY BOX POLISH)
   ========================================================= */

body.single-post .fr-keypoints,
body.single-post .fr-article-keypoints,
body.single-post .fr-article-summary,
body.single-post .fr-summary-box,
body.single-post .fr-keypoints-box {
  position: relative !important;
  margin: 22px 0 26px !important;
  padding: 22px 24px 22px 26px !important;
  background: #fafafa !important;
  border: 1px solid #eeeeee !important;
  border-left: 5px solid #E12626 !important;
  box-shadow: none !important;
  color: #222 !important;
}

body.single-post .fr-keypoints::before,
body.single-post .fr-article-keypoints::before,
body.single-post .fr-article-summary::before,
body.single-post .fr-summary-box::before,
body.single-post .fr-keypoints-box::before {
  content: "" !important;
  position: absolute !important;
  left: -5px !important;
  top: 0 !important;
  width: 5px !important;
  height: 100% !important;
  background: #E12626 !important;
}

body.single-post .fr-keypoints h2,
body.single-post .fr-keypoints h3,
body.single-post .fr-keypoints-title,
body.single-post .fr-article-keypoints h2,
body.single-post .fr-article-keypoints h3,
body.single-post .fr-article-summary h2,
body.single-post .fr-article-summary h3,
body.single-post .fr-summary-box h2,
body.single-post .fr-summary-box h3,
body.single-post .fr-keypoints-box h2,
body.single-post .fr-keypoints-box h3 {
  margin: 0 0 14px !important;
  color: #111 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 780 !important;
  letter-spacing: -0.012em !important;
  text-transform: none !important;
  border: 0 !important;
  padding: 0 !important;
}

body.single-post .fr-keypoints ul,
body.single-post .fr-article-keypoints ul,
body.single-post .fr-article-summary ul,
body.single-post .fr-summary-box ul,
body.single-post .fr-keypoints-box ul {
  margin: 0 !important;
  padding-left: 20px !important;
}

body.single-post .fr-keypoints li,
body.single-post .fr-article-keypoints li,
body.single-post .fr-article-summary li,
body.single-post .fr-summary-box li,
body.single-post .fr-keypoints-box li {
  margin: 0 0 10px !important;
  padding-left: 4px !important;
  color: #222 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 450 !important;
}

body.single-post .fr-keypoints li:last-child,
body.single-post .fr-article-keypoints li:last-child,
body.single-post .fr-article-summary li:last-child,
body.single-post .fr-summary-box li:last-child,
body.single-post .fr-keypoints-box li:last-child {
  margin-bottom: 0 !important;
}

body.single-post .fr-keypoints li::marker,
body.single-post .fr-article-keypoints li::marker,
body.single-post .fr-article-summary li::marker,
body.single-post .fr-summary-box li::marker,
body.single-post .fr-keypoints-box li::marker {
  color: #E12626 !important;
}

@media (max-width: 768px) {
  body.single-post .fr-keypoints,
  body.single-post .fr-article-keypoints,
  body.single-post .fr-article-summary,
  body.single-post .fr-summary-box,
  body.single-post .fr-keypoints-box {
    margin: 18px 0 22px !important;
    padding: 18px 18px 18px 20px !important;
    border-left-width: 4px !important;
  }

  body.single-post .fr-keypoints::before,
  body.single-post .fr-article-keypoints::before,
  body.single-post .fr-article-summary::before,
  body.single-post .fr-summary-box::before,
  body.single-post .fr-keypoints-box::before {
    left: -4px !important;
    width: 4px !important;
  }

  body.single-post .fr-keypoints h2,
  body.single-post .fr-keypoints h3,
  body.single-post .fr-keypoints-title,
  body.single-post .fr-article-keypoints h2,
  body.single-post .fr-article-keypoints h3,
  body.single-post .fr-article-summary h2,
  body.single-post .fr-article-summary h3,
  body.single-post .fr-summary-box h2,
  body.single-post .fr-summary-box h3,
  body.single-post .fr-keypoints-box h2,
  body.single-post .fr-keypoints-box h3 {
    font-size: 17px !important;
    margin-bottom: 12px !important;
  }

  body.single-post .fr-keypoints li,
  body.single-post .fr-article-keypoints li,
  body.single-post .fr-article-summary li,
  body.single-post .fr-summary-box li,
  body.single-post .fr-keypoints-box li {
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 9px !important;
  }
}

/* =========================================================
   4RINGS — READING PROGRESS BAR FINAL RESTORE
   ========================================================= */

body.single-post .fr-reading-progress,
body.fr-single-template .fr-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  z-index: 999999 !important;
  background: transparent !important;
  pointer-events: none !important;
  overflow: hidden !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.single-post .fr-reading-progress__bar,
body.fr-single-template .fr-reading-progress__bar {
  display: block !important;
  width: 0;
  height: 100% !important;
  background: #E12626 !important;
  transform-origin: left center !important;
  transition: width 80ms linear !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.admin-bar.single-post .fr-reading-progress,
body.admin-bar.fr-single-template .fr-reading-progress {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar.single-post .fr-reading-progress,
  body.admin-bar.fr-single-template .fr-reading-progress {
    top: 46px !important;
  }
}

@media (max-width: 768px) {
  body.single-post .fr-reading-progress,
  body.fr-single-template .fr-reading-progress {
    height: 3px !important;
  }
}

/* =========================================================
   4RINGS — READING PROGRESS BAR FINAL FIX
   ========================================================= */

body.single-post .fr-reading-progress,
body.fr-single-template .fr-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  height: 4px !important;
  z-index: 999999 !important;
  background: transparent !important;
  pointer-events: none !important;
  overflow: hidden !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.single-post .fr-reading-progress__bar,
body.fr-single-template .fr-reading-progress__bar {
  display: block !important;
  width: 0;
  height: 100% !important;
  background: #E12626 !important;
  transform-origin: left center !important;
  transition: width 80ms linear !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.admin-bar.single-post .fr-reading-progress,
body.admin-bar.fr-single-template .fr-reading-progress {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar.single-post .fr-reading-progress,
  body.admin-bar.fr-single-template .fr-reading-progress {
    top: 46px !important;
  }
}

@media (max-width: 768px) {
  body.single-post .fr-reading-progress,
  body.fr-single-template .fr-reading-progress {
    height: 3px !important;
  }
}

/* =========================================================
   READING PROGRESS BAR
   ========================================================= */
.fr-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 9999;
  background: transparent;
  pointer-events: none;
}

.fr-reading-progress__bar {
  display: block;
  width: 0%;
  height: 100%;
  background: #E12626;
  transform-origin: left center;
  transition: width 0.08s linear;
}

body.admin-bar .fr-reading-progress {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .fr-reading-progress {
    top: 46px;
  }
}

/* 2. Fix for "Czytaj dalej" (Related Posts) section */
.fr-article-related {
  margin-top: 28px;
}

body.single-post .fr-article-related-head h2 {
  position: relative;
  padding-left: 14px;
}

body.single-post .fr-article-related-head h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  bottom: 0.1em;
  width: 4px;
  background: var(--fr-color, #E12626);
}

.fr-article-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.fr-article-related img {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .fr-article-related-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   ZADANIE: SINGLE ARTICLE — „PODZIEL SIĘ” W JEDNEJ LINII NA MOBILE
   ========================================================= */

@media (max-width: 768px) {
  body.single-post .fr-share-row,
  body.single-post .fr-article-share,
  body.single-post .fr-share,
  body.single-post .fr-post-share {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.single-post .fr-share-row::-webkit-scrollbar,
  body.single-post .fr-article-share::-webkit-scrollbar,
  body.single-post .fr-share::-webkit-scrollbar,
  body.single-post .fr-post-share::-webkit-scrollbar {
    display: none !important;
  }

  body.single-post .fr-share-row > *,
  body.single-post .fr-article-share > *,
  body.single-post .fr-share > *,
  body.single-post .fr-post-share > * {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  body.single-post .fr-share-label,
  body.single-post .fr-share-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 2px 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  body.single-post .fr-share-buttons {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-post .fr-share-row a,
  body.single-post .fr-share-row button,
  body.single-post .fr-article-share a,
  body.single-post .fr-article-share button,
  body.single-post .fr-share a,
  body.single-post .fr-share button,
  body.single-post .fr-post-share a,
  body.single-post .fr-post-share button {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }
}

@media (max-width: 380px) {
  body.single-post .fr-share-row,
  body.single-post .fr-article-share,
  body.single-post .fr-share,
  body.single-post .fr-post-share {
    gap: 8px !important;
  }

  body.single-post .fr-share-label,
  body.single-post .fr-share-title {
    font-size: 14px !important;
  }

  body.single-post .fr-share-buttons {
    gap: 6px !important;
  }

  body.single-post .fr-share-row a,
  body.single-post .fr-share-row button,
  body.single-post .fr-article-share a,
  body.single-post .fr-article-share button,
  body.single-post .fr-share a,
  body.single-post .fr-share button,
  body.single-post .fr-post-share a,
  body.single-post .fr-post-share button {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
}

/* =========================================================
   BREADCRUMBS
   ========================================================= */

.fr-single .fr-breadcrumbs {
  margin: 0 0 14px;
  font-size: 13px;
  line-height: 1.4;
  color: #666;
}

.fr-single .fr-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.fr-single .fr-breadcrumbs li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  font-weight: 600;
}

.fr-single .fr-breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin: 0 8px;
  color: #aaa;
  font-weight: 700;
}

.fr-single .fr-breadcrumbs a {
  color: #555;
  text-decoration: none;
}

.fr-single .fr-breadcrumbs a:hover {
  color: #E12626;
  text-decoration: underline;
}

.fr-single .fr-breadcrumbs span[aria-current="page"] {
  color: #888;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .fr-single .fr-breadcrumbs {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 1.35;
  }

  .fr-single .fr-breadcrumbs ol {
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .fr-single .fr-breadcrumbs li:last-child {
    display: none;
  }

  .fr-single .fr-breadcrumbs li:not(:last-child)::after {
    margin: 0 6px;
  }
}

/* KICKER CATEGORY CLASSES */
.fr-single .fr-article-kicker.fr-cat-aktualnosci {
  background: #E12626;
  color: #fff;
}

.fr-single .fr-article-kicker.fr-cat-testy {
  background: #1565C0;
  color: #fff;
}

.fr-single .fr-article-kicker.fr-cat-rankingi {
  background: #1E8E3E;
  color: #fff;
}

.fr-single .fr-article-kicker.fr-cat-poradniki {
  background: #5B3CC4;
  color: #fff;
}

.fr-single .fr-article-kicker.fr-cat-napedy {
  background: #FFC400;
  color: #111;
}

.fr-single .fr-article-kicker.fr-cat-rynek {
  background: #F57C00;
  color: #fff;
}

.fr-single .fr-article-kicker.fr-cat-chinskie-marki {
  background: #8B1E3F;
  color: #fff;
}

/* =========================================================
   ZADANIE: FINALNY UKŁAD REKLAM (DESKTOP I MOBILE)
   ========================================================= */

/* 1. Wymuszenie ukrycia automatycznych reklam w treści (Fallback) */
.entry-content .fr-article-ad,
.entry-content .fr-content-ad,
.entry-content .fr-mobile-ad,
.entry-content .fr-ad-incontent {
  display: none !important;
}

/* 2. Desktop: Top Ad & After Summary Ad */
.fr-single-top-ad,
.fr-article-ad-after-summary {
  display: block;
  width: 100%;
  max-width: 970px;
  height: 300px;
  margin: 0 auto 30px;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.fr-single-top-ad {
  margin-bottom: 24px;
}

/* 3. Mobile: Dedykowana reklama pod zdjęciem głównym */
.fr-mobile-ad-under-hero {
  display: none;
}

@media (max-width: 1024px) {
  .fr-single-top-ad,
  .fr-article-ad-after-summary {
    display: none !important;
  }

  .fr-mobile-ad-under-hero {
    display: block !important;
    width: 100%;
    max-width: 100%;
    height: 280px;
    min-height: 280px;
    margin: 22px auto 26px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
  }
}

/* =========================================================
   PREMIUM SINGLE POST LAYOUT FIXES (DESKTOP & MOBILE)
   ========================================================= */

/* Progress bar */
.fr-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  z-index: 99999 !important;
  background: transparent !important;
  pointer-events: none !important;
}

.fr-reading-progress__bar {
  display: block !important;
  width: 0% !important;
  height: 100% !important;
  background: #E12626 !important;
  transform-origin: left center !important;
  transition: width 0.08s linear !important;
}

body.admin-bar .fr-reading-progress {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar .fr-reading-progress {
    top: 46px !important;
  }
}

/* Layout */
@media (min-width: 1025px) {
  body.single-post .site-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  body.single-post #primary,
  body.single-post #main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
  }

  body.single-post #right-sidebar {
    display: none !important;
  }

  .fr-single-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 820px) 320px !important;
    gap: 44px !important;
    width: min(1220px, calc(100% - 48px)) !important;
    max-width: 1220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: start !important;
  }

  .fr-single-main {
    min-width: 0 !important;
    width: 100% !important;
  }

  .fr-single-content {
    width: 100% !important;
    max-width: 820px !important;
  }

  .fr-single-sidebar {
    display: block !important;
    width: 320px !important;
    max-width: 320px !important;
    min-width: 0 !important;
  }
}

@media (max-width: 1024px) {
  .fr-single-layout {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .fr-single-content {
    max-width: 100% !important;
  }

  .fr-single-sidebar {
    display: none !important;
  }
}

/* Top Ad */
.fr-single-top-wide {
  width: min(970px, calc(100% - 48px)) !important;
  max-width: 970px !important;
  margin: 0 auto 28px !important;
}

.fr-single-top-ad {
  width: 100% !important;
  height: 300px !important;
  min-height: 300px !important;
}

/* Typography */
.fr-single-title {
  margin: 10px 0 14px !important;
  color: #111 !important;
  font-size: clamp(42px, 4.4vw, 64px) !important;
  line-height: 0.98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
}

.fr-article-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 20px !important;
  color: #666 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

@media (max-width: 768px) {
  .fr-single-title {
    font-size: clamp(38px, 10vw, 56px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
  }

  .fr-single .entry-content {
    font-size: 17px !important;
    line-height: 1.68 !important;
  }

  .fr-single .entry-content h2 {
    font-size: 24px !important;
    line-height: 1.18 !important;
  }
}

/* =========================================================
   4RINGS — FINAL SINGLE SIDEBAR POLISH
   Tylko sidebar + odstęp nad top placeholderem
   ========================================================= */

/* Mniej pustego miejsca nad górnym placeholderem artykułu */
@media (min-width: 1025px) {
  .fr-single {
    padding-top: 14px !important;
  }

  .fr-single-top-wide {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }
}

/* Sidebar — ogólna skala */
@media (min-width: 1025px) {
  .fr-single-sidebar {
    width: 320px !important;
    max-width: 320px !important;
    font-size: 13px !important;
  }

  .fr-single-sidebar .fr-sidebar-box {
    margin-bottom: 28px !important;
  }

  .fr-sidebar-box h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
    padding: 0 0 9px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    color: #111 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
  }

  .fr-sidebar-box h2::before {
    content: "" !important;
    width: 4px !important;
    height: 22px !important;
    background: #E12626 !important;
    flex: 0 0 auto !important;
  }
}

/* Artykuł dnia — większy niż lista, ale nie ogromny */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-card,
  .fr-single-sidebar .fr-sidebar-featured,
  .fr-single-sidebar .fr-sidebar-card-featured {
    margin-bottom: 26px !important;
  }

  .fr-single-sidebar .fr-sidebar-card-thumb img,
  .fr-single-sidebar .fr-sidebar-featured img,
  .fr-single-sidebar .fr-sidebar-card-featured img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  .fr-single-sidebar .fr-sidebar-cat,
  .fr-single-sidebar .fr-sidebar-category {
    display: inline-flex !important;
    margin: 9px 0 7px !important;
    color: #E12626 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
  }

  .fr-single-sidebar .fr-sidebar-card h3,
  .fr-single-sidebar .fr-sidebar-featured h3,
  .fr-single-sidebar .fr-sidebar-card-featured h3 {
    margin: 0 !important;
    color: #111 !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -0.025em !important;
  }

  .fr-single-sidebar .fr-sidebar-meta {
    margin-top: 6px !important;
    color: #777 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}

/* Warto przeczytać — kompaktowa lista rankingowa */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-ranked-item {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #eeeeee !important;
  }

  .fr-single-sidebar .fr-sidebar-ranked-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .fr-single-sidebar .fr-sidebar-ranked-number,
  .fr-single-sidebar .fr-sidebar-rank {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    color: #E12626 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .fr-single-sidebar .fr-sidebar-ranked-item h4 {
    margin: 0 !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 1.24 !important;
    font-weight: 850 !important;
    letter-spacing: -0.015em !important;
  }
}

/* Wybrane artykuły — kompaktowa lista z miniaturami */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-selected-item,
  .fr-single-sidebar .fr-sidebar-pick-item,
  .fr-single-sidebar .fr-sidebar-list-item {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 0 16px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #eeeeee !important;
  }

  .fr-single-sidebar .fr-sidebar-selected-item:last-child,
  .fr-single-sidebar .fr-sidebar-pick-item:last-child,
  .fr-single-sidebar .fr-sidebar-list-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .fr-single-sidebar .fr-sidebar-selected-item img,
  .fr-single-sidebar .fr-sidebar-pick-item img,
  .fr-single-sidebar .fr-sidebar-list-thumb img {
    display: block !important;
    width: 104px !important;
    height: 68px !important;
    max-width: 104px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }

  .fr-single-sidebar .fr-sidebar-selected-item h4,
  .fr-single-sidebar .fr-sidebar-pick-item h4,
  .fr-single-sidebar .fr-sidebar-list-item h4 {
    margin: 0 !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
    font-weight: 850 !important;
    letter-spacing: -0.015em !important;
  }
}

/* Placeholder sidebarowy 300 × 600 — zostaje wysoko w sidebarze */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-ad,
  .fr-single-sidebar .fr-sidebar-ad-300x600,
  .fr-single-sidebar .fr-sidebar-ad-small {
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    height: 600px !important;
    min-height: 600px !important;
    margin: 28px auto 34px !important;
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 1024px) {
  .fr-single-sidebar,
  .fr-single-sidebar .fr-sidebar-ad,
  .fr-single-sidebar .fr-sidebar-ad-300x600,
  .fr-single-sidebar .fr-sidebar-ad-small {
    display: none !important;
  }
}

/* Hover tylko desktop */
@media (hover: hover) and (pointer: fine) {
  .fr-single-sidebar a:hover h3,
  .fr-single-sidebar a:hover h4 {
    color: #E12626 !important;
  }
}

/* Plakietka Kategorii */
.fr-article-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 7px 10px !important;
  margin: 0 0 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}

/* Hero i Obrazy */
.fr-single-hero {
  margin: 20px 0 24px !important;
  width: 100% !important;
}

.fr-single-hero-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

.fr-single .entry-content img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 22px auto !important;
}

/* Treść Artykułu */
.fr-single .entry-content {
  color: #222 !important;
  font-size: 19px !important;
  line-height: 1.72 !important;
  max-width: 100% !important;
}

.fr-single .entry-content p {
  margin: 0 0 1.28em !important;
}

.fr-single .entry-content h2 {
  margin: 36px 0 15px !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  color: #111 !important;
}

/* Sidebar */
.fr-single-sidebar {
  font-size: 14px !important;
}

.fr-single-sidebar .fr-sidebar-box {
  margin-bottom: 30px !important;
}

.fr-single-sidebar img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

.fr-sidebar-card h3,
.fr-sidebar-list-item h4,
.fr-sidebar-ranked-item h4 {
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.fr-sidebar-meta {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.fr-single-sidebar .inside-right-sidebar,
.fr-single-sidebar .fr-article-sidebar-modules {
  position: sticky !important;
  top: 96px !important;
}
/* =========================================================
   4RINGS — SIDEBAR FINAL COMPACT FIX
   Dopieszczanie sidebara bez ruszania głównego artykułu
   ========================================================= */

@media (min-width: 1025px) {
  .fr-single-sidebar {
    width: 320px !important;
    max-width: 320px !important;
    font-size: 13px !important;
  }

  .fr-single-sidebar .fr-sidebar-box {
    margin-bottom: 26px !important;
  }

  .fr-sidebar-box h2 {
    margin: 0 0 13px !important;
    padding: 0 0 9px !important;
    font-size: 19px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
  }

  .fr-sidebar-box h2::before {
    width: 4px !important;
    height: 20px !important;
  }
}

/* Artykuł dnia — mniejszy, ale nadal premium */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-card-thumb img,
  .fr-single-sidebar .fr-sidebar-featured img,
  .fr-single-sidebar .fr-sidebar-card-featured img {
    width: 100% !important;
    height: 170px !important;
    max-height: 170px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }

  .fr-single-sidebar .fr-sidebar-card h3,
  .fr-single-sidebar .fr-sidebar-featured h3,
  .fr-single-sidebar .fr-sidebar-card-featured h3 {
    font-size: 16px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -0.025em !important;
  }

  .fr-single-sidebar .fr-sidebar-cat,
  .fr-single-sidebar .fr-sidebar-category {
    margin: 8px 0 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
  }

  .fr-single-sidebar .fr-sidebar-meta {
    font-size: 11px !important;
    line-height: 1.25 !important;
    margin-top: 5px !important;
  }
}

/* Najnowsze / Wybrane artykuły — kompaktowe listy */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-list-item,
  .fr-single-sidebar .fr-sidebar-selected-item,
  .fr-single-sidebar .fr-sidebar-pick-item {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: start !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #eeeeee !important;
  }

  .fr-single-sidebar .fr-sidebar-list-item:last-child,
  .fr-single-sidebar .fr-sidebar-selected-item:last-child,
  .fr-single-sidebar .fr-sidebar-pick-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .fr-single-sidebar .fr-sidebar-list-thumb img,
  .fr-single-sidebar .fr-sidebar-selected-item img,
  .fr-single-sidebar .fr-sidebar-pick-item img {
    width: 92px !important;
    height: 60px !important;
    max-width: 92px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }

  .fr-single-sidebar .fr-sidebar-list-item h4,
  .fr-single-sidebar .fr-sidebar-selected-item h4,
  .fr-single-sidebar .fr-sidebar-pick-item h4 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.22 !important;
    font-weight: 850 !important;
    letter-spacing: -0.015em !important;
  }

  .fr-single-sidebar .fr-sidebar-list-item .fr-sidebar-cat,
  .fr-single-sidebar .fr-sidebar-selected-item .fr-sidebar-cat,
  .fr-single-sidebar .fr-sidebar-pick-item .fr-sidebar-cat,
  .fr-single-sidebar .fr-sidebar-list-item .fr-sidebar-category,
  .fr-single-sidebar .fr-sidebar-selected-item .fr-sidebar-category,
  .fr-single-sidebar .fr-sidebar-pick-item .fr-sidebar-category {
    margin: 0 0 5px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
}

/* Warto przeczytać — mniejsze, bardziej redakcyjne */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-ranked-item {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 9px !important;
    margin: 0 0 13px !important;
    padding: 0 0 13px !important;
  }

  .fr-single-sidebar .fr-sidebar-ranked-number,
  .fr-single-sidebar .fr-sidebar-rank {
    width: 22px !important;
    height: 22px !important;
    font-size: 14px !important;
  }

  .fr-single-sidebar .fr-sidebar-ranked-item h4 {
    font-size: 13px !important;
    line-height: 1.23 !important;
    font-weight: 850 !important;
    letter-spacing: -0.015em !important;
  }
}

/* Sidebar ad — stabilny 300 x 600 */
@media (min-width: 1025px) {
  .fr-single-sidebar .fr-sidebar-ad,
  .fr-single-sidebar .fr-sidebar-ad-300x600,
  .fr-single-sidebar .fr-sidebar-ad-small {
    width: 300px !important;
    max-width: 300px !important;
    height: 600px !important;
    min-height: 600px !important;
    margin: 26px auto 32px !important;
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   4RINGS — MOBILE BREADCRUMBS TOP SPACING
   ========================================================= */

@media (max-width: 768px) {
  body.single-post .fr-single-header {
    padding-top: 12px !important;
  }

  body.single-post .fr-breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }
}

/* =========================================================
   4RINGS — DESKTOP STICKY ARTICLE SIDEBAR
   ========================================================= */

@media (min-width: 1025px) {
  body.single-post .fr-single-sidebar,
  body.fr-single-template .fr-single-sidebar {
    align-self: start !important;
  }

  body.single-post .fr-article-sidebar-modules,
  body.fr-single-template .fr-article-sidebar-modules {
    position: sticky !important;
    top: 96px !important;
    align-self: start !important;
    max-height: calc(100vh - 112px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
  }
}

@media (max-width: 1024px) {
  body.single-post .fr-single-sidebar,
  body.fr-single-template .fr-single-sidebar,
  body.single-post .fr-article-sidebar-modules,
  body.fr-single-template .fr-article-sidebar-modules {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* =========================================================
   4RINGS — RESTORE FULL ARTICLE SIDEBAR VISIBILITY
   Cofnięcie sticky na całym sidebarze
   ========================================================= */

@media (min-width: 1025px) {
  body.single-post .fr-single-sidebar,
  body.fr-single-template .fr-single-sidebar,
  body.single-post .fr-article-sidebar-modules,
  body.fr-single-template .fr-article-sidebar-modules,
  body.single-post .fr-single-sidebar .inside-right-sidebar,
  body.fr-single-template .fr-single-sidebar .inside-right-sidebar {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
  }

  body.single-post .fr-sidebar-box,
  body.fr-single-template .fr-sidebar-box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.single-post .fr-sidebar-latest,
  body.single-post .fr-sidebar-recommended,
  body.single-post .fr-sidebar-toc,
  body.single-post .fr-sidebar-context,
  body.fr-single-template .fr-sidebar-latest,
  body.fr-single-template .fr-sidebar-recommended,
  body.fr-single-template .fr-sidebar-toc,
  body.fr-single-template .fr-sidebar-context {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 1024px) {
  body.single-post .fr-single-sidebar,
  body.fr-single-template .fr-single-sidebar {
    display: none !important;
  }
}

/* =========================================================
   4RINGS — GLOBAL CATEGORY BADGE COLORS (SINGLE POST)
   ========================================================= */
.fr-badge,
.fr-card-cat,
.fr-category-badge,
.fr-article-kicker,
.fr-sidebar-cat,
.fr-sidebar-category,
.fr-related-cat,
.fr-sidebar-kicker,
.fr-mobile-recommended-card-label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 6px 9px !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: auto !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.fr-article-kicker {
  font-size: 12px !important;
  padding: 7px 10px !important;
  margin: 0 0 10px !important;
}

.fr-cat-aktualnosci { background: var(--badge-bg, #E12626) !important; color: var(--badge-fg, #ffffff) !important; border-color: var(--badge-bg, #E12626) !important; }
.fr-cat-testy { background: var(--badge-bg, #1565C0) !important; color: var(--badge-fg, #ffffff) !important; border-color: var(--badge-bg, #1565C0) !important; }
.fr-cat-rankingi { background: var(--badge-bg, #1E8E3E) !important; color: var(--badge-fg, #ffffff) !important; border-color: var(--badge-bg, #1E8E3E) !important; }
.fr-cat-poradniki { background: var(--badge-bg, #5B3CC4) !important; color: var(--badge-fg, #ffffff) !important; border-color: var(--badge-bg, #5B3CC4) !important; }
.fr-cat-napedy { background: var(--badge-bg, #FFC400) !important; color: var(--badge-fg, #111111) !important; border-color: var(--badge-bg, #FFC400) !important; }
.fr-cat-rynek { background: var(--badge-bg, #F57C00) !important; color: var(--badge-fg, #ffffff) !important; border-color: var(--badge-bg, #F57C00) !important; }
.fr-cat-chinskie-marki,
.fr-cat-chinskie { background: var(--badge-bg, #8B1E3F) !important; color: var(--badge-fg, #ffffff) !important; border-color: var(--badge-bg, #8B1E3F) !important; }

/* =========================================================
   4RINGS — W SKRÓCIE (KEYPOINTS) FINAL REFINEMENT
   Lepsze światło światło, jasne tło, czysta czerwona belka
   ========================================================= */
body.single-post .fr-keypoints,
body.single-post .fr-article-keypoints,
body.single-post .fr-article-summary,
body.single-post .fr-summary-box,
body.single-post .fr-keypoints-box {
  background: #fafafa !important;
  border: 1px solid #eeeeee !important;
  border-left: 4px solid #E12626 !important;
  padding: 18px 20px !important;
  margin: 24px 0 !important;
}

/* Ukrywamy starą pseudo-belkę generowaną przez ::before */
body.single-post .fr-keypoints::before,
body.single-post .fr-article-keypoints::before,
body.single-post .fr-article-summary::before,
body.single-post .fr-summary-box::before,
body.single-post .fr-keypoints-box::before {
  display: none !important;
}

body.single-post .fr-keypoints h2,
body.single-post .fr-keypoints h3,
body.single-post .fr-keypoints-title,
body.single-post .fr-article-keypoints h2,
body.single-post .fr-article-keypoints h3,
body.single-post .fr-article-summary h2,
body.single-post .fr-article-summary h3,
body.single-post .fr-summary-box h2,
body.single-post .fr-summary-box h3,
body.single-post .fr-keypoints-box h2,
body.single-post .fr-keypoints-box h3 {
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 0 0 12px !important;
  letter-spacing: 0.01em !important;
}

body.single-post .fr-keypoints ul,
body.single-post .fr-article-keypoints ul,
body.single-post .fr-article-summary ul,
body.single-post .fr-summary-box ul,
body.single-post .fr-keypoints-box ul {
  margin: 0 !important;
  padding-left: 18px !important;
}

body.single-post .fr-keypoints li,
body.single-post .fr-article-keypoints li,
body.single-post .fr-article-summary li,
body.single-post .fr-summary-box li,
body.single-post .fr-keypoints-box li {
  margin: 0 0 8px !important;
  line-height: 1.55 !important;
}

body.single-post .fr-keypoints li:last-child,
body.single-post .fr-article-keypoints li:last-child,
body.single-post .fr-article-summary li:last-child,
body.single-post .fr-summary-box li:last-child,
body.single-post .fr-keypoints-box li:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  body.single-post .fr-keypoints,
  body.single-post .fr-article-keypoints,
  body.single-post .fr-article-summary,
  body.single-post .fr-summary-box,
  body.single-post .fr-keypoints-box {
    padding: 16px !important;
    margin: 20px 0 !important;
  }
}

/* =========================================================
   4RINGS — TAGS FINAL REFINEMENT
   Delikatniejsze tagi na dole wpisu
   ========================================================= */
body.single-post .fr-article-tags,
body.single-post .fr-tags,
body.single-post .post-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 28px 0 20px !important;
  padding: 16px 0 0 !important;
}

body.single-post .fr-article-tags a,
body.single-post .fr-tags a,
body.single-post .post-tags a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  border: 1px solid #e5e5e5 !important;
  background: #ffffff !important;
  color: #333333 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: border-color .18s ease, color .18s ease, background .18s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.single-post .fr-article-tags a:hover,
  body.single-post .fr-tags a:hover,
  body.single-post .post-tags a:hover {
    border-color: #E12626 !important;
    color: #E12626 !important;
    background: #fff7f7 !important;
  }
}

/* =========================================================
   4RINGS — SHARE BUTTONS HOVER REFINEMENT
   Subtelne kolory platform i neutralny design hovera
   ========================================================= */
@media (hover: hover) and (pointer: fine) {
  body.single-post .fr-share-facebook:hover,
  body.single-post a[aria-label*="Facebook"]:hover,
  body.single-post button[aria-label*="Facebook"]:hover { color: #1877F2 !important; border-color: #1877F2 !important; background: #f3f8ff !important; }

  body.single-post .fr-share-x:hover,
  body.single-post .fr-share-twitter:hover,
  body.single-post a[aria-label*="Twitter"]:hover,
  body.single-post a[aria-label*="X"]:hover,
  body.single-post button[aria-label*="Twitter"]:hover,
  body.single-post button[aria-label*="X"]:hover { color: #000000 !important; border-color: #000000 !important; background: #f5f5f5 !important; }

  body.single-post .fr-share-copy:hover,
  body.single-post a[aria-label*="Kopiuj"]:hover,
  body.single-post a[aria-label*="link"]:hover,
  body.single-post button[aria-label*="Kopiuj"]:hover,
  body.single-post button[aria-label*="link"]:hover { color: #555555 !important; border-color: #555555 !important; background: #f9f9f9 !important; }

  body.single-post .fr-share-pinterest:hover,
  body.single-post a[aria-label*="Pinterest"]:hover,
  body.single-post button[aria-label*="Pinterest"]:hover { color: #E60023 !important; border-color: #E60023 !important; background: #fff5f7 !important; }

  body.single-post .fr-share-whatsapp:hover,
  body.single-post a[aria-label*="WhatsApp"]:hover,
  body.single-post button[aria-label*="WhatsApp"]:hover { color: #25D366 !important; border-color: #25D366 !important; background: #f3fff8 !important; }
}

/* =========================================================
   4RINGS — ARTICLE SIDEBAR REFINEMENT
   Desktop sidebar UX / readability
   ========================================================= */

@media (min-width: 1025px) {
  /* --- GENERAL LAYOUT & SPACING --- */
  body.single-post .fr-single-sidebar .fr-sidebar-box {
    margin: 0 0 28px !important;
    padding: 0 0 28px !important;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    background: transparent !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-box:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* --- MODULE HEADERS --- */
  body.single-post .fr-single-sidebar .fr-sidebar-box h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-box h2::before {
    content: "" !important;
    width: 5px !important;
    height: 22px !important;
    background: #E12626 !important;
    flex: 0 0 auto !important;
  }

  /* --- FEATURED CARD (ARTYKUŁ DNIA) --- */
  body.single-post .fr-single-sidebar .fr-sidebar-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card-thumb img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card .fr-sidebar-kicker {
    margin: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card h3 {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
    letter-spacing: -0.008em !important;
  }

  /* --- RANKED LIST (WARTO PRZECZYTAĆ) --- */
  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 0 16px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin-top: 2px !important;
    color: #E12626 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item h4 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.005em !important;
  }

  /* --- THUMBNAIL LIST (NAJNOWSZE / WYBRANE) --- */
  body.single-post .fr-single-sidebar .fr-sidebar-list-item {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    margin: 0 0 16px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-thumb img {
    width: 100px !important;
    height: 67px !important;
    object-fit: cover !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-item .fr-sidebar-kicker {
    margin: 0 0 6px !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-item h4 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -0.005em !important;
  }

  /* --- AD PLACEHOLDER --- */
  body.single-post .fr-single-sidebar .fr-sidebar-ad,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small {
    display: block !important;
    width: 300px !important;
    max-width: 100% !important;
    height: 600px !important;
    min-height: 600px !important;
    margin: 0 auto !important;
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
  }

  /* --- HOVER STATES --- */
  @media (hover: hover) and (pointer: fine) {
    body.single-post .fr-single-sidebar a:hover h3,
    body.single-post .fr-single-sidebar a:hover h4 {
      color: #E12626 !important;
    }
  }

  /* --- STICKY BEHAVIOR --- */
  body.single-post .fr-article-sidebar-modules {
    position: sticky !important;
    top: 96px !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    padding-right: 8px; /* Space for scrollbar */
  }
}

/* =========================================================
   4RINGS — TYPOGRAPHY TEST 2026 / DESKTOP POLISH
   Wider article text + stronger headline
   ========================================================= */

:root {
    --fr-article-content-width: 720px;
    --fr-article-media-width: 820px;
}

/* Upewnij się, że realna kolumna treści artykułu ma 700–720 px */
@media (min-width: 1024px) {
    .single-post .entry-content,
    .single-post .fr-article-content,
    .single-post .inside-article .entry-content {
        max-width: var(--fr-article-content-width);
        width: 100%;
    }

    /* H1 bardziej portalowy na desktopie */
    .single-post .entry-title,
    .single-post .fr-article-title,
    .single-post .article-header h1,
    .single-post .entry-header h1 {
        max-width: var(--fr-article-content-width);
        font-size: clamp(3rem, 5.2vw, 4.8rem);
        line-height: 0.95;
        letter-spacing: -0.068em;
        margin-bottom: 22px;
    }

    /* Lead zostaje czytelny, ale nie za szeroki */
    .single-post .entry-content > p:first-of-type,
    .single-post .fr-article-content > p:first-of-type,
    .single-post .inside-article .entry-content > p:first-of-type {
        max-width: var(--fr-article-content-width);
        font-size: clamp(1.16rem, 1.45vw, 1.3rem);
        line-height: 1.5;
        margin-bottom: 30px;
    }

    /* Obrazki mogą być minimalnie szersze niż tekst, ale nadal kontrolowane */
    .single-post .entry-content figure,
    .single-post .entry-content .wp-block-image,
    .single-post .fr-article-content figure,
    .single-post .fr-article-content .wp-block-image,
    .single-post .inside-article .entry-content figure,
    .single-post .inside-article .entry-content .wp-block-image {
        max-width: var(--fr-article-media-width);
    }

    .single-post .entry-content figure img,
    .single-post .entry-content .wp-block-image img,
    .single-post .fr-article-content figure img,
    .single-post .fr-article-content .wp-block-image img {
        width: 100%;
        height: auto;
        display: block;
    }
}

/* Mobile safety — nie zmieniaj dobrego efektu mobile */
@media (max-width: 768px) {
    .single-post .entry-content,
    .single-post .fr-article-content,
    .single-post .inside-article .entry-content,
    .single-post .entry-title,
    .single-post .fr-article-title,
    .single-post .article-header h1,
    .single-post .entry-header h1 {
        max-width: 100%;
    }
}

/* =========================================================
   4RINGS — W SKRÓCIE (SUMMARY BOX) FINAL DESKTOP POLISH
   ========================================================= */
body.single-post .fr-keypoints,
body.single-post .fr-article-keypoints,
body.single-post .fr-article-summary,
body.single-post .fr-summary-box,
body.single-post .fr-keypoints-box {
    padding: 28px 32px !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #E12626 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    border-radius: 4px;
    margin: 32px 0 !important;
}

@media (max-width: 768px) {
    body.single-post .fr-keypoints,
    body.single-post .fr-article-keypoints,
    body.single-post .fr-article-summary,
    body.single-post .fr-summary-box,
    body.single-post .fr-keypoints-box {
        padding: 20px 20px !important;
        margin: 24px 0 !important;
    }
}

/* =========================================================
   4RINGS — ARTICLE DESKTOP SIDEBAR POLISH
   Wider article text + refined desktop sidebar
   ========================================================= */

@media (min-width: 1024px) {
    body.single-post .fr-single-layout {
        display: grid !important;
        grid-template-columns: minmax(0, var(--fr-article-content-width, 720px)) 300px !important;
        gap: 40px !important;
        width: min(1060px, calc(100% - 48px)) !important;
        max-width: 1060px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: start !important;
    }

    body.single-post .fr-single-content,
    body.single-post .fr-single-main {
        width: 100% !important;
        max-width: var(--fr-article-content-width, 720px) !important;
        min-width: 0 !important;
    }

    body.single-post .fr-single-sidebar,
    body.single-post .fr-article-sidebar {
        display: block !important;
        width: 300px !important;
        max-width: 300px !important;
        min-width: 300px !important;
    }

    body.single-post .fr-article-sidebar-modules,
    body.single-post .inside-right-sidebar,
    body.single-post .fr-sidebar-inner {
        position: sticky !important;
        top: 96px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
        max-height: calc(100vh - 110px) !important;
        overflow-y: auto !important;
        scrollbar-width: none !important; /* Firefox */
    }
    
    body.single-post .fr-article-sidebar-modules::-webkit-scrollbar,
    body.single-post .inside-right-sidebar::-webkit-scrollbar,
    body.single-post .fr-sidebar-inner::-webkit-scrollbar {
        display: none !important; /* Chrome/Safari */
    }

    /* Sidebar Boxes Modernization */
    body.single-post .fr-single-sidebar .fr-sidebar-box,
    body.single-post .fr-sidebar-box {
        margin: 0 !important;
        padding: 16px 0 0 !important;
        border: 0 !important;
        border-top: 3px solid #cc0000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Sidebar Titles */
    body.single-post .fr-single-sidebar .fr-sidebar-box h2,
    body.single-post .fr-sidebar-box h2,
    body.single-post .fr-sidebar-title {
        margin: 0 0 16px !important;
        padding: 0 !important;
        border: 0 !important;
        font-family: var(--fr-font-heading, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        color: #111 !important;
        text-transform: uppercase !important;
    }

    body.single-post .fr-single-sidebar .fr-sidebar-box h2::before,
    body.single-post .fr-sidebar-box h2::before,
    body.single-post .fr-sidebar-title::before,
    body.single-post .fr-single-sidebar .fr-sidebar-box h2::after,
    body.single-post .fr-sidebar-box h2::after {
        display: none !important;
        content: none !important;
    }

    /* Artykuł dnia / Featured */
    body.single-post .fr-single-sidebar .fr-sidebar-card,
    body.single-post .fr-single-sidebar .fr-sidebar-featured,
    body.single-post .fr-sidebar-card {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 0 !important;
        border: 0 !important;
        margin: 0 !important;
    }

    body.single-post .fr-single-sidebar .fr-sidebar-card-thumb img,
    body.single-post .fr-single-sidebar .fr-sidebar-featured img,
    body.single-post .fr-sidebar-card-thumb img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 16 / 9 !important;
        border-radius: 4px !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    body.single-post .fr-single-sidebar .fr-sidebar-card h3,
    body.single-post .fr-single-sidebar .fr-sidebar-featured h3,
    body.single-post .fr-sidebar-card h3 {
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        letter-spacing: -0.01em !important;
        margin: 0 !important;
    }

    /* Warto przeczytać / List items */
    body.single-post .fr-single-sidebar .fr-sidebar-list-item,
    body.single-post .fr-sidebar-list-item,
    body.single-post .fr-single-sidebar .fr-sidebar-ranked-item,
    body.single-post .fr-sidebar-ranked-item {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        padding: 0 0 14px !important;
        margin: 0 0 14px !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    body.single-post .fr-single-sidebar .fr-sidebar-list-item:last-child,
    body.single-post .fr-sidebar-list-item:last-child,
    body.single-post .fr-single-sidebar .fr-sidebar-ranked-item:last-child,
    body.single-post .fr-sidebar-ranked-item:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    body.single-post .fr-single-sidebar .fr-sidebar-list-item h4,
    body.single-post .fr-sidebar-list-item h4,
    body.single-post .fr-single-sidebar .fr-sidebar-ranked-item h4,
    body.single-post .fr-sidebar-ranked-item h4 {
        font-size: 14px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        margin: 0 !important;
        color: #111 !important;
    }

    /* W TYM ARTYKULE (TOC) Styles */
    body.single-post .fr-sidebar-toc-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    body.single-post .fr-sidebar-toc-list li {
        position: relative !important;
        padding-left: 14px !important;
        margin: 0 !important;
        display: block !important;
    }

    body.single-post .fr-sidebar-toc-list li::before {
        content: "•" !important;
        position: absolute !important;
        left: 0 !important;
        top: -2px !important;
        color: #cc0000 !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
        font-weight: bold !important;
    }

    body.single-post .fr-sidebar-toc-list a {
        color: #444 !important;
        text-decoration: none !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;
        transition: color 0.15s ease !important;
        display: block !important;
    }

    body.single-post .fr-sidebar-toc-list a:hover {
        color: #cc0000 !important;
    }

    /* Ad Placeholder 300x600 */
    body.single-post .fr-single-sidebar .fr-sidebar-ad,
    body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600,
    body.single-post .fr-sidebar-ad,
    body.single-post .fr-sidebar-ad-300x600 {
        width: 300px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        margin: 0 !important;
        background: #f4f4f4 !important;
        border: 1px solid #eaeaea !important;
        border-radius: 0 !important;
        display: block !important;
        position: relative !important;
        box-sizing: border-box !important;
        padding: 0 !important;
    }

    /* Hide text inside placeholder */
    body.single-post .fr-single-sidebar .fr-sidebar-ad::before,
    body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600::before,
    body.single-post .fr-sidebar-ad::before,
    body.single-post .fr-sidebar-ad-300x600::before,
    body.single-post .fr-single-sidebar .fr-sidebar-ad::after,
    body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600::after,
    body.single-post .fr-sidebar-ad::after,
    body.single-post .fr-sidebar-ad-300x600::after {
        display: none !important;
        content: none !important;
    }
}

/* Mobile Safety - completely hide sidebar */
@media (max-width: 1023px) {
    body.single-post .fr-single-sidebar,
    body.single-post .fr-article-sidebar,
    body.single-post #right-sidebar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   4RINGS — ARTICLE SIDEBAR NO INNER SCROLL
   Usunięcie wewnętrznego scrollbara z prawego sidebaru
   ========================================================= */

@media (min-width: 1024px) {
  body.single-post .fr-single-sidebar,
  body.single-post .fr-article-sidebar-modules,
  body.single-post .inside-right-sidebar,
  body.fr-single-template .fr-single-sidebar,
  body.fr-single-template .fr-article-sidebar-modules {
    overflow: visible !important;
    overflow-y: visible !important;
    max-height: none !important;
    height: auto !important;
    padding-right: 0 !important;
  }
}

/* =========================================================
   4RINGS — ARTICLE KEYPOINTS BOX POLISH
   Premium editorial “W skrócie”
   ========================================================= */

body.single-post .fr-keypoints,
body.single-post .fr-article-keypoints,
body.single-post .fr-article-summary,
body.single-post .fr-summary-box,
body.single-post .fr-keypoints-box {
    max-width: var(--fr-article-content-width, 720px) !important;
    margin: 22px 0 34px !important;
    padding: 18px 20px 18px 22px !important;
    background: #f7f7f8 !important;
    border: 0 !important;
    border-left: 4px solid #cc0000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.single-post .fr-keypoints h2,
body.single-post .fr-keypoints h3,
body.single-post .fr-keypoints-title,
body.single-post .fr-article-keypoints h2,
body.single-post .fr-article-keypoints h3,
body.single-post .fr-article-keypoints-title,
body.single-post .fr-article-summary h2,
body.single-post .fr-article-summary h3,
body.single-post .fr-summary-box h2,
body.single-post .fr-summary-box h3,
body.single-post .fr-summary-box-title,
body.single-post .fr-keypoints-box h2,
body.single-post .fr-keypoints-box h3 {
    margin: 0 0 10px !important;
    font-family: var(--fr-font-heading, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #111 !important;
    text-transform: none !important;
}

body.single-post .fr-keypoints ul,
body.single-post .fr-article-keypoints ul,
body.single-post .fr-article-summary ul,
body.single-post .fr-summary-box ul,
body.single-post .fr-keypoints-box ul {
    margin: 0 !important;
    padding-left: 18px !important;
}

body.single-post .fr-keypoints li,
body.single-post .fr-article-keypoints li,
body.single-post .fr-article-summary li,
body.single-post .fr-summary-box li,
body.single-post .fr-keypoints-box li {
    margin: 0 0 8px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #2D3748 !important;
}

body.single-post .fr-keypoints li:last-child,
body.single-post .fr-article-keypoints li:last-child,
body.single-post .fr-article-summary li:last-child,
body.single-post .fr-summary-box li:last-child,
body.single-post .fr-keypoints-box li:last-child {
    margin-bottom: 0 !important;
}

@media (min-width: 1024px) {
    body.single-post .fr-keypoints,
    body.single-post .fr-article-keypoints,
    body.single-post .fr-article-summary,
    body.single-post .fr-summary-box,
    body.single-post .fr-keypoints-box {
        margin: 24px 0 38px !important;
        padding: 20px 24px 20px 24px !important;
    }

    body.single-post .fr-keypoints h2,
    body.single-post .fr-keypoints h3,
    body.single-post .fr-keypoints-title,
    body.single-post .fr-article-keypoints h2,
    body.single-post .fr-article-keypoints h3,
    body.single-post .fr-article-keypoints-title,
    body.single-post .fr-article-summary h2,
    body.single-post .fr-article-summary h3,
    body.single-post .fr-summary-box h2,
    body.single-post .fr-summary-box h3,
    body.single-post .fr-summary-box-title,
    body.single-post .fr-keypoints-box h2,
    body.single-post .fr-keypoints-box h3 {
        font-size: 15px !important;
    }

    body.single-post .fr-keypoints li,
    body.single-post .fr-article-keypoints li,
    body.single-post .fr-article-summary li,
    body.single-post .fr-summary-box li,
    body.single-post .fr-keypoints-box li {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 768px) {
    body.single-post .fr-keypoints,
    body.single-post .fr-article-keypoints,
    body.single-post .fr-article-summary,
    body.single-post .fr-summary-box,
    body.single-post .fr-keypoints-box {
        max-width: 100% !important;
        margin: 18px 0 30px !important;
        padding: 16px 16px 16px 18px !important;
    }
}

/* =========================================================
   4RINGS — EDITORIAL MODULES / REUSABLE BLOCKS
   Lekkie moduły redakcyjne do treści artykułów
   ========================================================= */

.fr-article-content .fr-editorial-box,
.entry-content .fr-editorial-box {
  --fr-box-accent: #E12626;
  position: relative;
  margin: 28px 0;
  padding: 18px 20px 18px 24px;
  background: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-left: 0;
  color: #1a1a1a;
  overflow: hidden;
}

.fr-article-content .fr-editorial-box::before,
.entry-content .fr-editorial-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--fr-box-accent);
}

.fr-article-content .fr-editorial-box-label,
.entry-content .fr-editorial-box-label {
  display: inline-block;
  margin: 0 0 10px;
  padding: 4px 8px;
  background: #ffffff;
  border-left: 3px solid var(--fr-box-accent);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #1a1a1a;
}

.fr-article-content .fr-editorial-box p,
.entry-content .fr-editorial-box p {
  margin-top: 0;
  margin-bottom: 12px;
}

.fr-article-content .fr-editorial-box p:last-child,
.entry-content .fr-editorial-box p:last-child {
  margin-bottom: 0;
}

.fr-article-content .fr-editorial-box ul,
.entry-content .fr-editorial-box ul,
.fr-article-content .fr-editorial-box ol,
.entry-content .fr-editorial-box ol {
  margin: 10px 0 0 18px;
  padding: 0;
}

.fr-article-content .fr-editorial-box li,
.entry-content .fr-editorial-box li {
  margin: 6px 0;
}

.fr-article-content .fr-editorial-box strong,
.entry-content .fr-editorial-box strong {
  font-weight: 800;
}

.fr-article-content .fr-editorial-box a,
.entry-content .fr-editorial-box a {
  color: #E12626;
  font-weight: 700;
  text-decoration: none;
}

.fr-article-content .fr-editorial-box a:hover,
.entry-content .fr-editorial-box a:hover {
  text-decoration: underline;
}

.fr-article-content .fr-editorial-box-practice,
.entry-content .fr-editorial-box-practice { --fr-box-accent: #E12626; }

.fr-article-content .fr-editorial-box-opinion,
.entry-content .fr-editorial-box-opinion { --fr-box-accent: #1A1A1A; }

.fr-article-content .fr-editorial-box-calc,
.entry-content .fr-editorial-box-calc { --fr-box-accent: #F57C00; }

.fr-article-content .fr-editorial-box-warning,
.entry-content .fr-editorial-box-warning { --fr-box-accent: #E12626; }

.fr-article-content .fr-editorial-box-data,
.entry-content .fr-editorial-box-data { --fr-box-accent: #1565C0; }

.fr-article-content .fr-editorial-box-choice,
.entry-content .fr-editorial-box-choice { --fr-box-accent: #1E8E3E; }

.fr-article-content .fr-editorial-box-verdict,
.entry-content .fr-editorial-box-verdict { --fr-box-accent: #8B1E3F; background: #f8f5f6; }

@media (max-width: 768px) {
  .fr-article-content .fr-editorial-box,
  .entry-content .fr-editorial-box { margin: 24px 0; padding: 16px 16px 16px 20px; }
  .fr-article-content .fr-editorial-box::before,
  .entry-content .fr-editorial-box::before { width: 3px; }
  .fr-article-content .fr-editorial-box-label,
  .entry-content .fr-editorial-box-label { font-size: 10px; padding: 4px 7px; }
}

/* =========================================================
   4RINGS — ARTICLE SIDEBAR COMPACT RESTORE
   Przywrócenie kompaktowego sidebaru desktop
   ========================================================= */

@media (min-width: 1024px) {
  body.single-post .fr-article-sidebar,
  body.single-post .fr-single-sidebar,
  body.single-post .fr-sidebar,
  body.single-post .fr-article-aside {
    width: 300px !important;
    max-width: 300px !important;
    overflow: visible !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
    align-self: start !important;
  }

  body.single-post .fr-article-sidebar *,
  body.single-post .fr-single-sidebar *,
  body.single-post .fr-sidebar *,
  body.single-post .fr-article-aside * {
    max-height: none !important;
  }

  body.single-post .fr-article-sidebar > *,
  body.single-post .fr-single-sidebar > *,
  body.single-post .fr-sidebar > *,
  body.single-post .fr-article-aside > *,
  body.single-post .fr-article-sidebar-modules,
  body.single-post .inside-right-sidebar {
    overflow: visible !important;
    overflow-y: visible !important;
    max-height: none !important;
    height: auto !important;
  }

  /* Fix sticky behavior to strictly remove scrollbars */
  body.single-post .fr-article-sidebar-modules,
  body.single-post .inside-right-sidebar {
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
    padding-right: 0 !important;
  }

  body.single-post .fr-article-sidebar section,
  body.single-post .fr-single-sidebar section,
  body.single-post .fr-sidebar section,
  body.single-post .fr-article-aside section,
  body.single-post .fr-sidebar-module,
  body.single-post .fr-aside-module,
  body.single-post .fr-sidebar-box {
    margin: 0 0 26px !important;
    padding: 0 0 22px !important;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.single-post .fr-article-sidebar h2,
  body.single-post .fr-article-sidebar h3,
  body.single-post .fr-single-sidebar h2,
  body.single-post .fr-single-sidebar h3,
  body.single-post .fr-sidebar h2,
  body.single-post .fr-sidebar h3,
  body.single-post .fr-article-aside h2,
  body.single-post .fr-article-aside h3,
  body.single-post .fr-sidebar-title,
  body.single-post .fr-aside-title,
  body.single-post .fr-sidebar-box h2 {
    display: block !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    margin: 0 0 14px !important;
    padding: 0 0 0 10px !important;
    border: 0 !important;
    border-left: 4px solid #E12626 !important;
    letter-spacing: -0.01em !important;
    color: #111 !important;
  }

  body.single-post .fr-sidebar-box h2::before,
  body.single-post .fr-sidebar-box h2::after {
    display: none !important;
    content: none !important;
  }

  body.single-post .fr-article-sidebar article,
  body.single-post .fr-single-sidebar article,
  body.single-post .fr-sidebar article,
  body.single-post .fr-article-aside article,
  body.single-post .fr-sidebar-card,
  body.single-post .fr-aside-card,
  body.single-post .fr-sidebar-list-item,
  body.single-post .fr-sidebar-selected-item,
  body.single-post .fr-sidebar-pick-item,
  body.single-post .fr-sidebar-featured,
  body.single-post .fr-sidebar-card-featured {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
  }

  /* Explicit override for ranked items */
  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
  }

  body.single-post .fr-article-sidebar article:last-child,
  body.single-post .fr-single-sidebar article:last-child,
  body.single-post .fr-sidebar article:last-child,
  body.single-post .fr-article-aside article:last-child,
  body.single-post .fr-sidebar-card:last-child,
  body.single-post .fr-aside-card:last-child,
  body.single-post .fr-sidebar-list-item:last-child,
  body.single-post .fr-sidebar-selected-item:last-child,
  body.single-post .fr-sidebar-pick-item:last-child,
  body.single-post .fr-sidebar-featured:last-child,
  body.single-post .fr-sidebar-card-featured:last-child,
  body.single-post .fr-sidebar-ranked-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.single-post .fr-article-sidebar img,
  body.single-post .fr-single-sidebar img,
  body.single-post .fr-sidebar img,
  body.single-post .fr-article-aside img,
  body.single-post .fr-sidebar-card-thumb img,
  body.single-post .fr-sidebar-list-thumb img,
  body.single-post .fr-sidebar-featured img,
  body.single-post .fr-sidebar-card-featured img {
    width: 92px !important;
    height: 58px !important;
    max-height: 58px !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-number,
  body.single-post .fr-single-sidebar .fr-sidebar-rank {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    color: #E12626 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-post .fr-article-sidebar .fr-badge,
  body.single-post .fr-single-sidebar .fr-badge,
  body.single-post .fr-sidebar .fr-badge,
  body.single-post .fr-article-aside .fr-badge,
  body.single-post .fr-sidebar-cat,
  body.single-post .fr-sidebar-category,
  body.single-post .fr-sidebar-kicker {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    padding: 4px 6px !important;
    margin: 0 0 6px !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
  }

  body.single-post .fr-article-sidebar article h2,
  body.single-post .fr-article-sidebar article h3,
  body.single-post .fr-single-sidebar article h2,
  body.single-post .fr-single-sidebar article h3,
  body.single-post .fr-sidebar article h2,
  body.single-post .fr-sidebar article h3,
  body.single-post .fr-article-aside article h2,
  body.single-post .fr-article-aside article h3,
  body.single-post .fr-sidebar-card-title,
  body.single-post .fr-aside-card-title,
  body.single-post .fr-sidebar-card h3,
  body.single-post .fr-sidebar-list-item h4,
  body.single-post .fr-sidebar-ranked-item h4,
  body.single-post .fr-sidebar-featured h3,
  body.single-post .fr-sidebar-card-featured h3 {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 0 !important;
    letter-spacing: -0.005em !important;
    color: #111 !important;
  }

  /* Pudełko dla tekstów by poprawnie dziedziczyło flex w gridzie */
  body.single-post .fr-sidebar-card > div,
  body.single-post .fr-sidebar-list-item > div,
  body.single-post .fr-sidebar-ranked-item > div,
  body.single-post .fr-sidebar-featured > div,
  body.single-post .fr-sidebar-card-featured > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-width: 0 !important;
  }

  body.single-post .fr-article-sidebar article a,
  body.single-post .fr-single-sidebar article a,
  body.single-post .fr-sidebar article a,
  body.single-post .fr-article-aside article a,
  body.single-post .fr-single-sidebar a {
    color: #111111 !important;
    text-decoration: none !important;
  }

  body.single-post .fr-article-sidebar article a:hover,
  body.single-post .fr-single-sidebar article a:hover,
  body.single-post .fr-sidebar article a:hover,
  body.single-post .fr-article-aside article a:hover,
  body.single-post .fr-single-sidebar a:hover {
    color: #E12626 !important;
  }

  body.single-post .fr-article-sidebar .fr-meta,
  body.single-post .fr-single-sidebar .fr-meta,
  body.single-post .fr-sidebar .fr-meta,
  body.single-post .fr-article-aside .fr-meta,
  body.single-post .fr-sidebar-meta {
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #777777 !important;
    margin-top: 5px !important;
    display: block !important;
  }

  /* Ukrycie dodatkowych tekstów zajmujących miejsce (excerpt) */
  body.single-post .fr-single-sidebar p,
  body.single-post .fr-single-sidebar .fr-excerpt {
    display: none !important;
  }

  body.single-post .fr-article-sidebar .fr-ad,
  body.single-post .fr-single-sidebar .fr-ad,
  body.single-post .fr-sidebar .fr-ad,
  body.single-post .fr-article-aside .fr-ad,
  body.single-post .fr-sidebar-ad,
  body.single-post .fr-sidebar-ad-300x600,
  body.single-post .fr-sidebar-ad-small {
    display: block !important;
    width: 300px !important;
    max-width: 300px !important;
    min-height: 600px !important;
    height: 600px !important;
    margin: 28px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 1023px) {
  body.single-post .fr-article-sidebar,
  body.single-post .fr-single-sidebar,
  body.single-post .fr-sidebar,
  body.single-post .fr-article-aside {
    display: none !important;
  }
}

/* =========================================================
   4RINGS — FINAL CLEAN ARTICLE SIDEBAR (DESKTOP)
   Zadania 1-7: Redakcyjny, czysty panel
   ========================================================= */

@media (min-width: 1025px) {
  /* ZADANIE 1 & 8: SIDEBAR WRAPPER */
  body.single-post .fr-single-sidebar,
  body.fr-single-template .fr-single-sidebar {
    width: 320px !important;
    max-width: 320px !important;
    font-size: 14px !important;
    display: block !important;
  }

  body.single-post .fr-article-sidebar-modules,
  body.fr-single-template .fr-article-sidebar-modules {
    display: block !important;
    position: sticky !important;
    top: 96px !important;
  }

  /* MODUŁY SIDEBARU */
  body.single-post .fr-single-sidebar .fr-sidebar-box,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-box {
    margin: 0 0 32px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* ZADANIE 2: NAGŁÓWKI MODUŁÓW */
  body.single-post .fr-single-sidebar .fr-sidebar-box h2,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-box h2 {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    border: none !important;
    border-bottom: 2px solid #f1f1f1 !important;
    border-left: none !important; /* Usuwamy drugi znacznik jeśli był dodany w inny sposób */
    color: #111 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    letter-spacing: -0.01em !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-box h2::before,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-box h2::before {
    content: "" !important;
    display: block !important;
    width: 4px !important;
    height: 20px !important;
    background: #E12626 !important;
    flex: 0 0 auto !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-box h2::after,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-box h2::after {
    display: none !important;
    content: none !important;
  }

  /* ZADANIE 3: ARTYKUŁ DNIA */
  body.single-post .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured .fr-sidebar-card-thumb,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured .fr-sidebar-card-thumb {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured .fr-sidebar-card-thumb img,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured .fr-sidebar-card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured .fr-sidebar-card-body,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured .fr-sidebar-card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured h3,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-card.fr-sidebar-card-featured h3 {
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    margin: 0 0 8px !important;
    color: #111 !important;
  }

  /* ZADANIE 4 I 6: NAJNOWSZE I WYBRANE */
  body.single-post .fr-single-sidebar .fr-sidebar-list-item,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-list-item {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    margin: 0 0 16px !important;
    padding: 0 0 16px !important;
    border: none !important;
    border-bottom: 1px solid #f1f1f1 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-item:last-child,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-list-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-thumb,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-list-thumb {
    width: 104px !important;
    height: 70px !important;
    max-height: 70px !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-thumb img,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-list-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-item .fr-sidebar-list-body,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-list-item .fr-sidebar-list-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-list-item h4,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-list-item h4 {
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
    color: #111 !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
  }

  /* ZADANIE 5: WARTO PRZECZYTAĆ */
  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ranked-item {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 0 16px !important;
    padding: 0 0 16px !important;
    border: none !important;
    border-bottom: 1px solid #f1f1f1 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item:last-child,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ranked-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item .fr-sidebar-rank,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ranked-item .fr-sidebar-rank {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #E12626 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ranked-item h4,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ranked-item h4 {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 750 !important;
    color: #222 !important;
    padding-top: 3px !important;
  }

  /* BADGES AND META FOR SIDEBAR */
  body.single-post .fr-single-sidebar .fr-sidebar-kicker,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-kicker {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    padding: 4px 6px !important;
    margin: 0 0 8px !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-meta,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-meta {
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #777 !important;
    margin: 0 !important;
    display: block !important;
  }

  /* ZADANIE 7: PLACEHOLDERY REKLAMOWE */
  body.single-post .fr-single-sidebar .fr-sidebar-ad,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad {
    display: block !important;
    width: 300px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 auto 32px !important;
    padding: 0 !important;
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-small {
    display: block !important;
    width: 300px !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    margin: 0 auto 32px !important;
    padding: 0 !important;
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ad::before,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small::before,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad::before,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-small::before,
  body.single-post .fr-single-sidebar .fr-sidebar-ad::after,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small::after,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad::after,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-small::after {
    display: none !important;
    content: none !important;
  }

  /* HOVER */
  @media (hover: hover) and (pointer: fine) {
    body.single-post .fr-single-sidebar a:hover h3,
    body.single-post .fr-single-sidebar a:hover h4,
    body.fr-single-template .fr-single-sidebar a:hover h3,
    body.fr-single-template .fr-single-sidebar a:hover h4 {
      color: #E12626 !important;
    }
  }

/* =========================================================
   4RINGS — ARTICLE SIDEBAR EXTENSION (TOC, RELATED, AD)
   ========================================================= */

@media (min-width: 1025px) {
    body.single-post .fr-sidebar-toc,
    body.single-post .fr-sidebar-related {
        display: block !important;
    }

    body.single-post .fr-sidebar-toc ul,
    body.single-post .fr-sidebar-toc ol,
    body.single-post .fr-sidebar-related ul,
    body.single-post .fr-sidebar-related ol {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    body.single-post .fr-sidebar-toc a,
    body.single-post .fr-sidebar-related a {
        display: block !important;
        color: #111 !important;
        text-decoration: none !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        transition: color 0.15s ease !important;
    }

    body.single-post .fr-sidebar-toc a:hover,
    body.single-post .fr-sidebar-related a:hover {
        color: #cc0000 !important;
    }

    body.single-post .fr-sidebar-toc li,
    body.single-post .fr-sidebar-related li {
        margin: 0 !important;
        padding: 0 0 12px !important;
        border-bottom: 1px solid rgba(0,0,0,.08) !important;
    }

    body.single-post .fr-sidebar-toc li:last-child,
    body.single-post .fr-sidebar-related li:last-child {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    /* 300x600 Sidebar Ad strict dimensions */
    body.single-post .fr-sidebar-ad-new {
        width: 300px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-width: 100% !important;
        background: #f3f3f3 !important;
        border-radius: 0 !important;
        margin: 0 auto !important;
        border: 1px solid #e5e5e5 !important;
        box-sizing: border-box !important;
        display: block !important;
    }
    
    body.single-post .fr-sidebar-ad-new::before,
    body.single-post .fr-sidebar-ad-new::after {
        display: none !important;
        content: none !important;
    }
}

@media (max-width: 1024px) {
    body.single-post .fr-sidebar-toc,
    body.single-post .fr-sidebar-related,
    body.single-post .fr-sidebar-ad-new {
        display: none !important;
    }
}

  /* RESET EXCERPTS (Ukrycie P w sidebarze dla pewności) */
  body.single-post .fr-single-sidebar p,
  body.fr-single-template .fr-single-sidebar p {
    display: none !important;
  }
}

/* ZADANIE 9: MOBILE SIDEBAR BEHAVIOR */
@media (max-width: 1024px) {
  body.single-post .fr-single-sidebar,
  body.fr-single-template .fr-single-sidebar {
    display: none !important;
  }
}

/* =========================================================
   4RINGS — EDITORIAL BADGE (SINGLE POST)
   ========================================================= */
.fr-article-editorial-badge {
  display: inline-flex !important;
  align-items: center !important;
  background: #fafafa !important;
  border: 1px solid #eeeeee !important;
  border-left: 3px solid var(--fr-badge-accent, #E12626) !important;
  padding: 5px 10px !important;
  margin-bottom: 12px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.fr-article-editorial-badge span {
  color: #222222 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

@media (max-width: 768px) {
  .fr-article-editorial-badge {
    padding: 4px 8px !important;
    margin-bottom: 8px !important;
  }
  .fr-article-editorial-badge span {
    font-size: 10px !important;
  }
}

/* =========================================================
   4RINGS.PL - MOBILE MEGA MENU GLOBAL HOTFIX (STRONGER)
   ========================================================= */
@media (max-width: 1024px) {
  body .fr-mobile-modal .fr-mobile-menu > li.menu-item-has-children {
    position: relative !important;
  }
  body .fr-mobile-modal .fr-mobile-menu > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 18px 76px 18px 20px !important;
  }
  body .fr-mobile-modal .fr-mobile-menu > li.menu-item-has-children > button.fr-mobile-submenu-toggle,
  body .fr-mobile-modal .fr-mobile-menu > li.menu-item-has-children > button.fr-submenu-toggle {
    position: absolute !important;
    top: 11px !important;
    right: 22px !important;
    transform: none !important;
    margin: 0 !important;
  }
}

/* =========================================================
   4RINGS — READING PROGRESS FINAL RESTORE 2026-06-04
   Single post only. Fixed, thin, CLS-safe.
   ========================================================= */
body.single-post .fr-reading-progress,
body.fr-single-template .fr-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 3px !important;
  z-index: 999999 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  background: transparent !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
}

body.single-post .fr-reading-progress__bar,
body.fr-single-template .fr-reading-progress__bar {
  display: block !important;
  width: 0;
  height: 100% !important;
  background: #E12626 !important;
  transform: translateZ(0) !important;
  transition: width .08s linear !important;
}

body.admin-bar.single-post .fr-reading-progress,
body.admin-bar.fr-single-template .fr-reading-progress {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar.single-post .fr-reading-progress,
  body.admin-bar.fr-single-template .fr-reading-progress {
    top: 46px !important;
  }
}

/* =========================================================
   4RINGS — READING PROGRESS + CZYTAJ DALEJ FINAL v2
   ========================================================= */
body.single-post .fr-reading-progress,
body.fr-single-template .fr-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100% !important;
  height: 3px !important;
  background: transparent !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.single-post .fr-reading-progress__bar,
body.fr-single-template .fr-reading-progress__bar,
body.single-post .fr-reading-progress > span,
body.fr-single-template .fr-reading-progress > span {
  display: block !important;
  width: 0%;
  height: 100% !important;
  background: #E12626 !important;
  transition: width .08s linear !important;
}

body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(h3,h4,.fr-related-title,.fr-card-title,.fr-post-title) {
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}
@media (max-width: 767px) {
  body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(h3,h4,.fr-related-title,.fr-card-title,.fr-post-title) {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
}


/* =========================================================
   4RINGS — SINGLE READING PROGRESS + READ MORE TITLES FINAL v3
   ========================================================= */
html body.single .fr-reading-progress,
html body.single-post .fr-reading-progress,
html body.post-template-default .fr-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2147483647 !important;
  display: block !important;
  width: 100vw !important;
  height: 4px !important;
  min-height: 4px !important;
  background: rgba(225,38,38,.12) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

html body.single .fr-reading-progress__bar,
html body.single-post .fr-reading-progress__bar,
html body.post-template-default .fr-reading-progress__bar,
html body.single .fr-reading-progress > span,
html body.single-post .fr-reading-progress > span,
html body.post-template-default .fr-reading-progress > span {
  display: block !important;
  height: 4px !important;
  background: #E12626 !important;
  width: 0%;
}

body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(h3,h4,.fr-related-title,.fr-card-title,.fr-post-title,a) {
  font-size: 13px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

/* =========================================================
   4RINGS — SINGLE FINAL v4
   Active reading progress + calmer Czytaj dalej cards.
   ========================================================= */
html body.single .fr-reading-progress,
html body.single-post .fr-reading-progress,
html body.post-template-default .fr-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2147483647 !important;
  display: block !important;
  width: 100vw !important;
  height: 4px !important;
  min-height: 4px !important;
  max-height: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
html body.single .fr-reading-progress__bar,
html body.single-post .fr-reading-progress__bar,
html body.post-template-default .fr-reading-progress__bar,
html body.single .fr-reading-progress > span,
html body.single-post .fr-reading-progress > span,
html body.post-template-default .fr-reading-progress > span {
  display: block !important;
  width: 100vw !important;
  height: 4px !important;
  background: #E12626 !important;
  transform: scaleX(0) !important;
  transform-origin: 0 50% !important;
  transition: transform .06s linear !important;
  will-change: transform !important;
}

html body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(h3,h4,.fr-related-title,.fr-card-title,.fr-post-title,a) {
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  letter-spacing: -0.005em !important;
}
html body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(.fr-related-cat,.fr-related-kicker,.fr-article-related-kicker,.fr-badge,.fr-card-cat) {
  margin-bottom: 8px !important;
}
html body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(figure,.fr-related-thumb,.fr-card-thumb,.fr-post-thumb) :is(.fr-related-cat,.fr-related-kicker,.fr-article-related-kicker,.fr-badge,.fr-card-cat) {
  top: 8px !important;
  left: 8px !important;
}
@media (max-width: 767px) {
  html body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(h3,h4,.fr-related-title,.fr-card-title,.fr-post-title,a) {
    font-size: 11.5px !important;
    line-height: 1.22 !important;
    font-weight: 650 !important;
  }
}

/* =========================================================
   4RINGS — SINGLE SIDEBAR + CZYTAJ DALEJ FINAL v5
   Cel: delikatniejsze tytuły w sidebarze + oddech badge'y pod zdjęciami
   Zakres: tylko single post; bez zmian homepage, mobile menu i PHP
   ========================================================= */

/* Sidebar: moduły mają zostać mocne redakcyjnie, ale bez efektu „ciężkiej czcionki”. */
body.single-post .fr-single-sidebar .fr-sidebar-box h2,
body.single-post #right-sidebar .fr-sidebar-box h2 {
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 720 !important;
  letter-spacing: -0.006em !important;
}

body.single-post .fr-single-sidebar .fr-sidebar-card h3,
body.single-post .fr-single-sidebar .fr-sidebar-featured h3,
body.single-post .fr-single-sidebar .fr-sidebar-card-featured h3,
body.single-post #right-sidebar .fr-sidebar-card h3,
body.single-post #right-sidebar .fr-sidebar-featured h3,
body.single-post #right-sidebar .fr-sidebar-card-featured h3 {
  font-size: 16px !important;
  line-height: 1.28 !important;
  font-weight: 660 !important;
  letter-spacing: -0.004em !important;
}

body.single-post .fr-single-sidebar .fr-sidebar-list-item h4,
body.single-post .fr-single-sidebar .fr-sidebar-selected-item h4,
body.single-post .fr-single-sidebar .fr-sidebar-pick-item h4,
body.single-post .fr-single-sidebar .fr-sidebar-ranked-item h4,
body.single-post #right-sidebar .fr-sidebar-list-item h4,
body.single-post #right-sidebar .fr-sidebar-selected-item h4,
body.single-post #right-sidebar .fr-sidebar-pick-item h4,
body.single-post #right-sidebar .fr-sidebar-ranked-item h4 {
  font-size: 13.5px !important;
  line-height: 1.34 !important;
  font-weight: 620 !important;
  letter-spacing: -0.002em !important;
}

body.single-post .fr-single-sidebar .fr-sidebar-meta,
body.single-post #right-sidebar .fr-sidebar-meta {
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 450 !important;
}

/* Czytaj dalej: badge kategorii ma oddychać pod zdjęciem, a nie dotykać jego krawędzi. */
body.single-post .fr-article-related :is(.fr-article-related-card,.fr-related-card,.fr-card),
body.single-post .fr-czytaj-dalej :is(.fr-article-related-card,.fr-related-card,.fr-card),
body.single-post .fr-read-more :is(.fr-article-related-card,.fr-related-card,.fr-card) {
  overflow: visible !important;
}

body.single-post .fr-article-related :is(.fr-article-related-kicker,.fr-related-cat,.fr-card-cat,.fr-badge),
body.single-post .fr-czytaj-dalej :is(.fr-article-related-kicker,.fr-related-cat,.fr-card-cat,.fr-badge),
body.single-post .fr-read-more :is(.fr-article-related-kicker,.fr-related-cat,.fr-card-cat,.fr-badge) {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin-top: 10px !important;
  margin-bottom: 7px !important;
}

body.single-post .fr-article-related :is(figure,.fr-article-related-thumb,.fr-related-thumb,.fr-card-thumb),
body.single-post .fr-czytaj-dalej :is(figure,.fr-article-related-thumb,.fr-related-thumb,.fr-card-thumb),
body.single-post .fr-read-more :is(figure,.fr-article-related-thumb,.fr-related-thumb,.fr-card-thumb) {
  margin-bottom: 0 !important;
}

body.single-post .fr-article-related :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title),
body.single-post .fr-czytaj-dalej :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title),
body.single-post .fr-read-more :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title) {
  font-size: 14px !important;
  line-height: 1.24 !important;
  font-weight: 620 !important;
  letter-spacing: -0.002em !important;
}

@media (min-width: 1025px) {
  body.single-post .fr-article-related :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title),
  body.single-post .fr-czytaj-dalej :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title),
  body.single-post .fr-read-more :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title) {
    font-size: 13.5px !important;
    line-height: 1.25 !important;
    font-weight: 620 !important;
  }
}


/* =========================================================
   4RINGS — SINGLE RELATED BADGES FINAL v7
   Cel: odsunąć plakietki kategorii w boksie "Czytaj dalej"
   Zakres: tylko dolny moduł .fr-article-related; bez ikon share i sidebaru
   ========================================================= */

body.single-post .fr-article-related .fr-article-related-card {
  display: block !important;
  text-decoration: none !important;
}

body.single-post .fr-article-related .fr-article-related-thumb {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.single-post .fr-article-related .fr-article-related-thumb img,
body.single-post .fr-article-related .fr-article-related-thumb .fr-img {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

html body.single-post .fr-article-related .fr-article-related-card > .fr-article-related-kicker,
html body.single-post .fr-article-related .fr-article-related-card > .fr-related-kicker,
html body.single-post .fr-article-related .fr-article-related-card > .fr-related-cat,
html body.single-post .fr-article-related .fr-article-related-card > .fr-card-cat,
html body.single-post .fr-article-related .fr-article-related-card > .fr-badge {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  display: inline-flex !important;
  width: fit-content !important;
  max-width: max-content !important;
  margin: 0 0 8px !important;
  vertical-align: top !important;
}

html body.single-post .fr-article-related .fr-article-related-card > :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title) {
  margin-top: 0 !important;
}


/* =========================================================
   4RINGS — SINGLE SIDEBAR TOC DUPLICATE TITLE FIX v8
   Zakres: tylko desktopowy sidebar artykułu.
   Cel: usunąć zdublowane "W tym artykule" / pierwszy techniczny tytuł TOC
   pod nagłówkiem modułu "W TYM ARTYKULE".
   Nie rusza: homepage, mobile menu, treść artykułu, Czytaj dalej, share icons.
   ========================================================= */
@media (min-width: 1025px) {
  body.single-post .fr-single-sidebar .fr-sidebar-toc .fr-article-toc-title,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc .fr-article-toc-title,
  body.single-post .fr-single-sidebar .fr-sidebar-toc .fr-sidebar-toc-title,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc .fr-sidebar-toc-title,
  body.single-post .fr-single-sidebar .fr-sidebar-toc .fr-toc-title,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc .fr-toc-title,
  body.single-post .fr-single-sidebar .fr-sidebar-toc .toc-title,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc .toc-title,
  body.single-post .fr-single-sidebar .fr-sidebar-toc > p:first-of-type,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc > p:first-of-type,
  body.single-post .fr-single-sidebar .fr-sidebar-toc .fr-article-toc > p:first-child,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc .fr-article-toc > p:first-child,
  body.single-post .fr-single-sidebar .fr-sidebar-toc nav > p:first-child,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc nav > p:first-child {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-toc li:has(> a[href*="w-tym-artykule"]),
  body.fr-single-template .fr-single-sidebar .fr-sidebar-toc li:has(> a[href*="w-tym-artykule"]) {
    display: none !important;
  }
}

/* =========================================================
   4RINGS — EDITORIAL BOX ALIASES FINAL v9
   Stabilne klasy dla bloków wielokrotnego użytku w edytorze WP:
   - Zimna kalkulacja: fr-editorial-box fr-zimna-kalkulacja
   - Ważne doprecyzowanie: fr-editorial-box fr-wazne-doprecyzowanie
   - Werdykt 4rings: fr-editorial-box fr-werdykt-4rings
   Zachowuje też starsze klasy fr-editorial-box-calc / warning / verdict.
   ========================================================= */
.fr-article-content .fr-zimna-kalkulacja,
.entry-content .fr-zimna-kalkulacja,
.fr-article-content .fr-editorial-box--cold,
.entry-content .fr-editorial-box--cold,
.fr-article-content .fr-editorial-box-cold,
.entry-content .fr-editorial-box-cold {
  --fr-box-accent: #F57C00;
}

.fr-article-content .fr-wazne-doprecyzowanie,
.entry-content .fr-wazne-doprecyzowanie,
.fr-article-content .fr-wazne-doprecyzowanie-box,
.entry-content .fr-wazne-doprecyzowanie-box,
.fr-article-content .fr-editorial-box--important,
.entry-content .fr-editorial-box--important,
.fr-article-content .fr-editorial-box-important,
.entry-content .fr-editorial-box-important {
  --fr-box-accent: #E12626;
}

.fr-article-content .fr-werdykt-4rings,
.entry-content .fr-werdykt-4rings,
.fr-article-content .fr-editorial-box--verdict,
.entry-content .fr-editorial-box--verdict,
.fr-article-content .fr-editorial-box-verdict,
.entry-content .fr-editorial-box-verdict {
  --fr-box-accent: #8B1E3F;
  background: #f8f5f6;
}

.fr-article-content .fr-editorial-box > :is(h2,h3,h4):first-child,
.entry-content .fr-editorial-box > :is(h2,h3,h4):first-child {
  margin-top: 0;
}



/* =========================================================
   4RINGS — SINGLE META SEPARATORS FINAL 2026-06-05
   Cel: jedna linia separująca przy bloku źródło / tagi / share.
   Usuwa podwójną kreskę pod „Źródło oficjalne”.
   ========================================================= */
body.single-post .fr-source-box,
body.single-post .fr-article-source,
body.single-post .fr-source {
  border-bottom: 0 !important;
  margin-bottom: 10px !important;
}

body.single-post .fr-article-tags,
body.single-post .fr-tags,
body.single-post .post-tags {
  border-top: 0 !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
}

/* =========================================================
   4RINGS — EDITORIAL BOXES + READ MORE MOBILE FINAL 2026-06-06
   Zakres: single post CSS only.
   Cel:
   1) „Na co uważać” jak spokojny moduł „W skrócie”: mała plakietka, jedna cienka lewa kreska.
   2) „Werdykt 4rings / Naszym zdaniem” jako niebieski moduł redakcyjny.
   3) Większe tytuły artykułów w dolnym module „Wczytaj więcej / Czytaj dalej” na mobile.
   Nie rusza: homepage, Rankingi mobile final, mobile menu, sidebar PHP, reklamy, ForinStory.
   ========================================================= */

/* Baza dla ręcznych modułów redakcyjnych w treści artykułu */
body.single-post .fr-article-content .fr-editorial-box,
body.single-post .entry-content .fr-editorial-box,
body.single-post .fr-article-content .fr-verdict-box,
body.single-post .entry-content .fr-verdict-box {
  --fr-box-accent: #E12626;
  position: relative !important;
  max-width: var(--fr-article-content-width, 720px) !important;
  margin: 24px 0 34px !important;
  padding: 18px 20px 18px 22px !important;
  background: #f7f7f8 !important;
  border: 0 !important;
  border-left: 4px solid var(--fr-box-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: #2D3748 !important;
}

/* Usuwamy drugi, techniczny pasek z pseudo-elementu, żeby została jedna cienka kreska. */
body.single-post .fr-article-content .fr-editorial-box::before,
body.single-post .entry-content .fr-editorial-box::before,
body.single-post .fr-article-content .fr-verdict-box::before,
body.single-post .entry-content .fr-verdict-box::before {
  display: none !important;
  content: none !important;
}

/* „Na co uważać” / ważne doprecyzowania — czerwony akcent jak w „W skrócie”. */
body.single-post .fr-article-content .fr-editorial-box-warning,
body.single-post .entry-content .fr-editorial-box-warning,
body.single-post .fr-article-content .fr-editorial-box--warning,
body.single-post .entry-content .fr-editorial-box--warning,
body.single-post .fr-article-content .fr-editorial-box-important,
body.single-post .entry-content .fr-editorial-box-important,
body.single-post .fr-article-content .fr-editorial-box--important,
body.single-post .entry-content .fr-editorial-box--important,
body.single-post .fr-article-content .fr-wazne-doprecyzowanie,
body.single-post .entry-content .fr-wazne-doprecyzowanie,
body.single-post .fr-article-content .fr-wazne-doprecyzowanie-box,
body.single-post .entry-content .fr-wazne-doprecyzowanie-box,
body.single-post .fr-article-content .fr-na-co-uwazac,
body.single-post .entry-content .fr-na-co-uwazac,
body.single-post .fr-article-content .fr-na-co-uwazac-box,
body.single-post .entry-content .fr-na-co-uwazac-box {
  --fr-box-accent: #E12626 !important;
  background: #f7f7f8 !important;
}

/* Mała plakietka — bez wielkiego badge'a i bez dodatkowej kreski na samej etykiecie. */
body.single-post .fr-article-content .fr-editorial-box-label,
body.single-post .entry-content .fr-editorial-box-label,
body.single-post .fr-article-content .fr-verdict-box__label,
body.single-post .entry-content .fr-verdict-box__label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--fr-font-heading, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: #111 !important;
}

/* Jeżeli tytuł modułu jest dodany jako pierwszy nagłówek zamiast .fr-editorial-box-label. */
body.single-post .fr-article-content .fr-editorial-box > :is(h2,h3,h4):first-child,
body.single-post .entry-content .fr-editorial-box > :is(h2,h3,h4):first-child,
body.single-post .fr-article-content .fr-verdict-box > :is(h2,h3,h4):first-child,
body.single-post .entry-content .fr-verdict-box > :is(h2,h3,h4):first-child,
body.single-post .fr-article-content .fr-verdict-box__title,
body.single-post .entry-content .fr-verdict-box__title {
  margin: 0 0 10px !important;
  font-family: var(--fr-font-heading, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: #111 !important;
}

body.single-post .fr-article-content .fr-editorial-box p,
body.single-post .entry-content .fr-editorial-box p,
body.single-post .fr-article-content .fr-verdict-box p,
body.single-post .entry-content .fr-verdict-box p {
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #2D3748 !important;
}

body.single-post .fr-article-content .fr-editorial-box p:last-child,
body.single-post .entry-content .fr-editorial-box p:last-child,
body.single-post .fr-article-content .fr-verdict-box p:last-child,
body.single-post .entry-content .fr-verdict-box p:last-child {
  margin-bottom: 0 !important;
}

body.single-post .fr-article-content .fr-editorial-box ul,
body.single-post .entry-content .fr-editorial-box ul,
body.single-post .fr-article-content .fr-verdict-box ul,
body.single-post .entry-content .fr-verdict-box ul {
  margin: 0 !important;
  padding-left: 18px !important;
}

body.single-post .fr-article-content .fr-editorial-box li,
body.single-post .entry-content .fr-editorial-box li,
body.single-post .fr-article-content .fr-verdict-box li,
body.single-post .entry-content .fr-verdict-box li {
  margin: 0 0 8px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #2D3748 !important;
}

body.single-post .fr-article-content .fr-editorial-box li:last-child,
body.single-post .entry-content .fr-editorial-box li:last-child,
body.single-post .fr-article-content .fr-verdict-box li:last-child,
body.single-post .entry-content .fr-verdict-box li:last-child {
  margin-bottom: 0 !important;
}

/* Nowy wariant: Werdykt 4rings / Naszym zdaniem — niebieski akcent. */
body.single-post .fr-article-content .fr-verdict-box,
body.single-post .entry-content .fr-verdict-box,
body.single-post .fr-article-content .fr-werdykt-4rings,
body.single-post .entry-content .fr-werdykt-4rings,
body.single-post .fr-article-content .fr-naszym-zdaniem,
body.single-post .entry-content .fr-naszym-zdaniem,
body.single-post .fr-article-content .fr-editorial-box-verdict,
body.single-post .entry-content .fr-editorial-box-verdict,
body.single-post .fr-article-content .fr-editorial-box--verdict,
body.single-post .entry-content .fr-editorial-box--verdict {
  --fr-box-accent: #1565C0 !important;
  background: #f5f8fc !important;
}

@media (min-width: 1024px) {
  body.single-post .fr-article-content .fr-editorial-box,
  body.single-post .entry-content .fr-editorial-box,
  body.single-post .fr-article-content .fr-verdict-box,
  body.single-post .entry-content .fr-verdict-box {
    margin: 24px 0 38px !important;
    padding: 20px 24px 20px 24px !important;
  }

  body.single-post .fr-article-content .fr-editorial-box-label,
  body.single-post .entry-content .fr-editorial-box-label,
  body.single-post .fr-article-content .fr-verdict-box__label,
  body.single-post .entry-content .fr-verdict-box__label,
  body.single-post .fr-article-content .fr-editorial-box > :is(h2,h3,h4):first-child,
  body.single-post .entry-content .fr-editorial-box > :is(h2,h3,h4):first-child,
  body.single-post .fr-article-content .fr-verdict-box > :is(h2,h3,h4):first-child,
  body.single-post .entry-content .fr-verdict-box > :is(h2,h3,h4):first-child,
  body.single-post .fr-article-content .fr-verdict-box__title,
  body.single-post .entry-content .fr-verdict-box__title {
    font-size: 15px !important;
  }
}

@media (max-width: 768px) {
  body.single-post .fr-article-content .fr-editorial-box,
  body.single-post .entry-content .fr-editorial-box,
  body.single-post .fr-article-content .fr-verdict-box,
  body.single-post .entry-content .fr-verdict-box {
    max-width: 100% !important;
    margin: 18px 0 30px !important;
    padding: 16px 16px 16px 18px !important;
    border-left-width: 4px !important;
  }

  body.single-post .fr-article-content .fr-editorial-box-label,
  body.single-post .entry-content .fr-editorial-box-label,
  body.single-post .fr-article-content .fr-verdict-box__label,
  body.single-post .entry-content .fr-verdict-box__label,
  body.single-post .fr-article-content .fr-editorial-box > :is(h2,h3,h4):first-child,
  body.single-post .entry-content .fr-editorial-box > :is(h2,h3,h4):first-child,
  body.single-post .fr-article-content .fr-verdict-box > :is(h2,h3,h4):first-child,
  body.single-post .entry-content .fr-verdict-box > :is(h2,h3,h4):first-child,
  body.single-post .fr-article-content .fr-verdict-box__title,
  body.single-post .entry-content .fr-verdict-box__title {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  body.single-post .fr-article-content .fr-editorial-box p,
  body.single-post .entry-content .fr-editorial-box p,
  body.single-post .fr-article-content .fr-verdict-box p,
  body.single-post .entry-content .fr-verdict-box p,
  body.single-post .fr-article-content .fr-editorial-box li,
  body.single-post .entry-content .fr-editorial-box li,
  body.single-post .fr-article-content .fr-verdict-box li,
  body.single-post .entry-content .fr-verdict-box li {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

/* Mobile: większe, czytelniejsze tytuły w dolnym module „Wczytaj więcej / Czytaj dalej”. */
@media (max-width: 767px) {
  html body.single-post :is(.fr-read-more,.fr-related-posts,.fr-article-related,.fr-related,.fr-next-posts,.fr-after-article-related,.fr-read-next,.fr-czytaj-dalej) :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title,.fr-post-title) {
    font-size: 16px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    letter-spacing: -0.004em !important;
  }

  html body.single-post .fr-article-related .fr-article-related-card > :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title) {
    font-size: 16px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
  }
}


/* =========================================================
   4RINGS — SINGLE FINAL PATCH 06.06.2026 v2
   Zakres: tabele, Czytaj więcej, share line, verdict shortcode/block.
   ========================================================= */

/* Tabele: mniej pustej powierzchni, ciaśniejsze komórki, lepszy mobile scroll. */
body.single-post .entry-content .wp-block-table,
body.single-post .fr-article-content .wp-block-table,
body.single-post .inside-article .entry-content .wp-block-table {
  max-width: 100% !important;
  margin: 22px 0 30px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.single-post .entry-content table,
body.single-post .fr-article-content table,
body.single-post .inside-article .entry-content table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 22px 0 30px !important;
  background: #fff !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

body.single-post .entry-content table th,
body.single-post .entry-content table td,
body.single-post .fr-article-content table th,
body.single-post .fr-article-content table td,
body.single-post .inside-article .entry-content table th,
body.single-post .inside-article .entry-content table td {
  padding: 10px 12px !important;
  vertical-align: top !important;
  line-height: 1.4 !important;
  border: 1px solid #d9dde3 !important;
}

body.single-post .entry-content table th,
body.single-post .fr-article-content table th,
body.single-post .inside-article .entry-content table th {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111 !important;
  background: #f4f5f7 !important;
}

body.single-post .entry-content table p,
body.single-post .fr-article-content table p,
body.single-post .inside-article .entry-content table p {
  margin: 0 0 6px !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body.single-post .entry-content table p:last-child,
body.single-post .fr-article-content table p:last-child,
body.single-post .inside-article .entry-content table p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.single-post .entry-content table,
  body.single-post .fr-article-content table,
  body.single-post .inside-article .entry-content table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    margin: 18px 0 26px !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.single-post .entry-content table th,
  body.single-post .entry-content table td,
  body.single-post .fr-article-content table th,
  body.single-post .fr-article-content table td,
  body.single-post .inside-article .entry-content table th,
  body.single-post .inside-article .entry-content table td {
    padding: 8px 9px !important;
    min-width: 108px !important;
    line-height: 1.35 !important;
  }

  body.single-post .entry-content table th,
  body.single-post .fr-article-content table th,
  body.single-post .inside-article .entry-content table th {
    font-size: 13px !important;
  }
}

/* Podziel się: usuwamy poziomą kreskę nad modułem. */
body.single-post .fr-share-row,
body.single-post .fr-article-share,
body.single-post .fr-share,
body.single-post .fr-post-share {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Czytaj więcej: większe tytuły, sześć kart z sensownym odstępem od stopki. */
body.single-post .fr-article-related {
  margin-top: 30px !important;
  margin-bottom: 64px !important;
  padding-bottom: 18px !important;
}

body.single-post .fr-article-related .fr-article-related-head h2,
body.single-post .fr-article-related h2 {
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 820 !important;
  letter-spacing: -0.018em !important;
}

body.single-post .fr-article-related .fr-article-related-grid {
  row-gap: 24px !important;
}

body.single-post .fr-article-related .fr-article-related-body h3,
body.single-post .fr-article-related .fr-article-related-card h3 {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
  letter-spacing: -0.006em !important;
  color: #111 !important;
}

body.single-post .fr-article-related .fr-article-related-kicker {
  background: var(--fr-cat-color, #E12626) !important;
  color: var(--fr-cat-text, #fff) !important;
  margin: 10px 0 8px !important;
}

@media (min-width: 1025px) {
  body.single-post .fr-article-related .fr-article-related-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 28px !important;
  }

  body.single-post .fr-article-related .fr-article-related-body h3,
  body.single-post .fr-article-related .fr-article-related-card h3 {
    font-size: 16.5px !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 767px) {
  body.single-post .fr-article-related {
    margin-top: 26px !important;
    margin-bottom: 56px !important;
    padding-bottom: 22px !important;
  }

  body.single-post .fr-article-related .fr-article-related-head h2,
  body.single-post .fr-article-related h2 {
    font-size: 21px !important;
    line-height: 1.14 !important;
  }

  body.single-post .fr-article-related .fr-article-related-grid {
    gap: 22px !important;
  }

  body.single-post .fr-article-related .fr-article-related-body h3,
  body.single-post .fr-article-related .fr-article-related-card h3 {
    font-size: 17px !important;
    line-height: 1.24 !important;
    font-weight: 760 !important;
  }
}


/* =========================================================
   4RINGS — SINGLE RELATED BADGES FINAL v8
   Cel: w module „Czytaj więcej” plakietki nie są pełnym kolorem.
   Mają wyglądać jak jasne badge'e z cienkim pionowym paskiem kategorii po lewej.
   Zakres: tylko dolny moduł .fr-article-related na single post.
   ========================================================= */
body.single-post .fr-article-related :is(.fr-article-related-kicker,.fr-related-kicker,.fr-related-cat,.fr-card-cat,.fr-badge) {
  --fr-related-accent: var(--fr-cat-color, var(--fr-color, #E12626));
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 22px !important;
  padding: 5px 8px 5px 9px !important;
  margin: 0 0 8px !important;
  background: #f4f5f6 !important;
  color: #111827 !important;
  border: 0 !important;
  border-left: 3px solid var(--fr-related-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  text-decoration: none !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

body.single-post .fr-article-related :is(.fr-cat-aktualnosci) { --fr-cat-color: #E12626 !important; }
body.single-post .fr-article-related :is(.fr-cat-testy) { --fr-cat-color: #1565C0 !important; }
body.single-post .fr-article-related :is(.fr-cat-rankingi) { --fr-cat-color: #1E8E3E !important; }
body.single-post .fr-article-related :is(.fr-cat-poradniki) { --fr-cat-color: #5B3CC4 !important; }
body.single-post .fr-article-related :is(.fr-cat-napedy) { --fr-cat-color: #FFC400 !important; }
body.single-post .fr-article-related :is(.fr-cat-rynek) { --fr-cat-color: #F57C00 !important; }
body.single-post .fr-article-related :is(.fr-cat-chinskie-marki,.fr-cat-chinskie) { --fr-cat-color: #8B1E3F !important; }

body.single-post .fr-article-related .fr-article-related-card:hover :is(.fr-article-related-kicker,.fr-related-kicker,.fr-related-cat,.fr-card-cat,.fr-badge),
body.single-post .fr-article-related .fr-article-related-card:focus-visible :is(.fr-article-related-kicker,.fr-related-kicker,.fr-related-cat,.fr-card-cat,.fr-badge) {
  background: #eef0f3 !important;
  color: #111827 !important;
}

@media (max-width: 767px) {
  body.single-post .fr-article-related :is(.fr-article-related-kicker,.fr-related-kicker,.fr-related-cat,.fr-card-cat,.fr-badge) {
    min-height: 21px !important;
    padding: 5px 7px 5px 8px !important;
    font-size: 9.5px !important;
    border-left-width: 3px !important;
  }
}

/* =========================================================
   4RINGS — EDITORIAL BOXES READABILITY PATCH 06.06.2026 v4
   Cel: delikatnie większa czcionka w modułach „W skrócie”,
   „Na co uważać” i „Naszym zdaniem / Werdykt 4rings”.
   Zakres: single.css only. Nie rusza homepage / Rankingi mobile final.
   ========================================================= */

/* „W skrócie” — lekko większy nagłówek i treść listy. */
body.single-post .fr-keypoints h2,
body.single-post .fr-keypoints h3,
body.single-post .fr-keypoints-title,
body.single-post .fr-article-keypoints h2,
body.single-post .fr-article-keypoints h3,
body.single-post .fr-article-summary h2,
body.single-post .fr-article-summary h3,
body.single-post .fr-summary-box h2,
body.single-post .fr-summary-box h3,
body.single-post .fr-keypoints-box h2,
body.single-post .fr-keypoints-box h3 {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

body.single-post .fr-keypoints li,
body.single-post .fr-article-keypoints li,
body.single-post .fr-article-summary li,
body.single-post .fr-summary-box li,
body.single-post .fr-keypoints-box li,
body.single-post .fr-keypoints p,
body.single-post .fr-article-keypoints p,
body.single-post .fr-article-summary p,
body.single-post .fr-summary-box p,
body.single-post .fr-keypoints-box p {
  font-size: 16px !important;
  line-height: 1.58 !important;
}

/* „Na co uważać” i „Naszym zdaniem” — odrobinę większa, nadal spokojna typografia. */
body.single-post .fr-article-content .fr-editorial-box-label,
body.single-post .entry-content .fr-editorial-box-label,
body.single-post .fr-article-content .fr-verdict-box__label,
body.single-post .entry-content .fr-verdict-box__label,
body.single-post .fr-article-content .fr-editorial-box > :is(h2,h3,h4):first-child,
body.single-post .entry-content .fr-editorial-box > :is(h2,h3,h4):first-child,
body.single-post .fr-article-content .fr-verdict-box > :is(h2,h3,h4):first-child,
body.single-post .entry-content .fr-verdict-box > :is(h2,h3,h4):first-child,
body.single-post .fr-article-content .fr-verdict-box__title,
body.single-post .entry-content .fr-verdict-box__title {
  font-size: 15.5px !important;
  line-height: 1.25 !important;
}

body.single-post .fr-article-content .fr-editorial-box p,
body.single-post .entry-content .fr-editorial-box p,
body.single-post .fr-article-content .fr-verdict-box p,
body.single-post .entry-content .fr-verdict-box p,
body.single-post .fr-article-content .fr-editorial-box li,
body.single-post .entry-content .fr-editorial-box li,
body.single-post .fr-article-content .fr-verdict-box li,
body.single-post .entry-content .fr-verdict-box li {
  font-size: 16px !important;
  line-height: 1.58 !important;
}

@media (max-width: 768px) {
  body.single-post .fr-keypoints h2,
  body.single-post .fr-keypoints h3,
  body.single-post .fr-keypoints-title,
  body.single-post .fr-article-keypoints h2,
  body.single-post .fr-article-keypoints h3,
  body.single-post .fr-article-summary h2,
  body.single-post .fr-article-summary h3,
  body.single-post .fr-summary-box h2,
  body.single-post .fr-summary-box h3,
  body.single-post .fr-keypoints-box h2,
  body.single-post .fr-keypoints-box h3,
  body.single-post .fr-article-content .fr-editorial-box-label,
  body.single-post .entry-content .fr-editorial-box-label,
  body.single-post .fr-article-content .fr-verdict-box__label,
  body.single-post .entry-content .fr-verdict-box__label,
  body.single-post .fr-article-content .fr-editorial-box > :is(h2,h3,h4):first-child,
  body.single-post .entry-content .fr-editorial-box > :is(h2,h3,h4):first-child,
  body.single-post .fr-article-content .fr-verdict-box > :is(h2,h3,h4):first-child,
  body.single-post .entry-content .fr-verdict-box > :is(h2,h3,h4):first-child,
  body.single-post .fr-article-content .fr-verdict-box__title,
  body.single-post .entry-content .fr-verdict-box__title {
    font-size: 15.5px !important;
    line-height: 1.25 !important;
  }

  body.single-post .fr-keypoints li,
  body.single-post .fr-article-keypoints li,
  body.single-post .fr-article-summary li,
  body.single-post .fr-summary-box li,
  body.single-post .fr-keypoints-box li,
  body.single-post .fr-keypoints p,
  body.single-post .fr-article-keypoints p,
  body.single-post .fr-article-summary p,
  body.single-post .fr-summary-box p,
  body.single-post .fr-keypoints-box p,
  body.single-post .fr-article-content .fr-editorial-box p,
  body.single-post .entry-content .fr-editorial-box p,
  body.single-post .fr-article-content .fr-verdict-box p,
  body.single-post .entry-content .fr-verdict-box p,
  body.single-post .fr-article-content .fr-editorial-box li,
  body.single-post .entry-content .fr-editorial-box li,
  body.single-post .fr-article-content .fr-verdict-box li,
  body.single-post .entry-content .fr-verdict-box li {
    font-size: 16px !important;
    line-height: 1.56 !important;
  }
}

/* =========================================================
   4RINGS — CZYTAJ WIĘCEJ FINAL TUNING 06.06.2026 v5
   Cel: odrobinę większe tytuły kart + mniejszy odstęp do stopki.
   Zakres: tylko dolny moduł .fr-article-related na single post.
   ========================================================= */
body.single-post .fr-article-related {
  margin-bottom: 38px !important;
  padding-bottom: 8px !important;
}

body.single-post .fr-article-related .fr-article-related-body h3,
body.single-post .fr-article-related .fr-article-related-card h3,
body.single-post .fr-article-related :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title,.fr-post-title) {
  font-size: 17.5px !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
  letter-spacing: -0.006em !important;
  color: #111 !important;
}

body.single-post .fr-article-related :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title,.fr-post-title) a {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}

@media (min-width: 1025px) {
  body.single-post .fr-article-related {
    margin-bottom: 36px !important;
    padding-bottom: 6px !important;
  }

  body.single-post .fr-article-related .fr-article-related-body h3,
  body.single-post .fr-article-related .fr-article-related-card h3,
  body.single-post .fr-article-related :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title,.fr-post-title) {
    font-size: 17.25px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 767px) {
  body.single-post .fr-article-related {
    margin-bottom: 34px !important;
    padding-bottom: 8px !important;
  }

  body.single-post .fr-article-related .fr-article-related-body h3,
  body.single-post .fr-article-related .fr-article-related-card h3,
  body.single-post .fr-article-related :is(h3,h4,.fr-article-related-title,.fr-related-title,.fr-card-title,.fr-post-title) {
    font-size: 17.5px !important;
    line-height: 1.24 !important;
    font-weight: 760 !important;
  }
}

/* =========================================================
   4RINGS — EDITORIAL BOX COLOR SYSTEM FINAL v28
   Zakres: single post / ręczne boxy redakcyjne.
   Cel: odróżnić fakty, opinię, kalkulację i praktykę bez mieszania z boxami „W skrócie” i „Na co uważać”.
   ========================================================= */

/* Domyślnie box opinii / werdyktu zostaje niebieski. */
body.single-post .fr-article-content .fr-verdict-box,
body.single-post .entry-content .fr-verdict-box,
body.single-post .fr-article-content .fr-naszym-zdaniem,
body.single-post .entry-content .fr-naszym-zdaniem,
body.single-post .fr-article-content .fr-werdykt-4rings,
body.single-post .entry-content .fr-werdykt-4rings,
body.single-post .fr-article-content .fr-na-chlodno,
body.single-post .entry-content .fr-na-chlodno {
  --fr-box-accent: #1565C0 !important;
  background: #f5f8fc !important;
}

/* Boxy kosztowe / rynkowe / liczbowe — pomarańczowy. */
body.single-post .fr-article-content .fr-zimna-kalkulacja,
body.single-post .entry-content .fr-zimna-kalkulacja,
body.single-post .fr-article-content .fr-warto-policzyc,
body.single-post .entry-content .fr-warto-policzyc {
  --fr-box-accent: #F57C00 !important;
  background: #fff8f1 !important;
}

/* Boxy praktyczne / użytkowe / rekomendacyjne — zielony. */
body.single-post .fr-article-content .fr-okiem-praktyka,
body.single-post .entry-content .fr-okiem-praktyka,
body.single-post .fr-article-content .fr-dla-kogo,
body.single-post .entry-content .fr-dla-kogo,
body.single-post .fr-article-content .fr-dla-kierowcy,
body.single-post .entry-content .fr-dla-kierowcy,
body.single-post .fr-article-content .fr-rekomendacja,
body.single-post .entry-content .fr-rekomendacja {
  --fr-box-accent: #1E8E3E !important;
  background: #f4fbf6 !important;
}

/* Boxy ostrzegawcze / ryzyka — czerwony, spójny z „Na co uważać”. */
body.single-post .fr-article-content .fr-ryzyko,
body.single-post .entry-content .fr-ryzyko,
body.single-post .fr-article-content .fr-na-co-uwazac,
body.single-post .entry-content .fr-na-co-uwazac,
body.single-post .fr-article-content .fr-na-co-uwazac-box,
body.single-post .entry-content .fr-na-co-uwazac-box {
  --fr-box-accent: #E12626 !important;
  background: #fff6f6 !important;
}

/* Ujednolicenie paska i etykiet po wariantach kolorystycznych. */
body.single-post .fr-article-content .fr-verdict-box,
body.single-post .entry-content .fr-verdict-box,
body.single-post .fr-article-content .fr-editorial-box,
body.single-post .entry-content .fr-editorial-box {
  border-left-color: var(--fr-box-accent) !important;
}

body.single-post .fr-article-content .fr-verdict-box__label,
body.single-post .entry-content .fr-verdict-box__label,
body.single-post .fr-article-content .fr-editorial-box-label,
body.single-post .entry-content .fr-editorial-box-label {
  color: #111 !important;
  background: transparent !important;
}

/* =========================================================
   4RINGS — REUSABLE EDITORIAL BLOCKS
   Okiem praktyka / Nasza opinia / Źródła + table spec
   Przeniesione z Dodatkowego CSS, żeby produkcja nie zależała od Customizera.
   ========================================================= */

.fr-eeat-box {
  margin: 28px 0;
  padding: 20px 22px;
  border: 1px solid #e5e5e5;
  border-left: 4px solid #E12626;
  background: #fff;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.fr-eeat-box-label {
  margin: 0 0 10px;
  color: #E12626;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.fr-eeat-box p {
  margin: 0;
  color: #222;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 500;
}

.fr-eeat-box ul {
  margin: 0;
  padding-left: 20px;
}

.fr-eeat-box li {
  margin: 0 0 8px;
  color: #222;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

.fr-eeat-box li:last-child { margin-bottom: 0; }
.fr-eeat-box li::marker { color: #111; }

.fr-eeat-box a {
  color: #222;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.fr-eeat-box a:hover { color: #E12626; }

.fr-spec-box {
  margin: 28px 0;
  padding: 20px 22px;
  border: 1px solid #e5e5e5;
  border-left: 4px solid #E12626;
  background: #fff;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.fr-spec-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
}

.fr-spec-table th,
.fr-spec-table td {
  padding: 11px 12px;
  border-bottom: 1px solid #eeeeee;
  text-align: left;
  vertical-align: top;
}

.fr-spec-table th {
  width: 34%;
  color: #111;
  font-weight: 850;
  background: #fafafa;
}

.fr-spec-table td {
  color: #222;
  font-weight: 500;
}

.fr-spec-table tr:last-child th,
.fr-spec-table tr:last-child td { border-bottom: 0; }

@media (max-width: 768px) {
  .fr-eeat-box,
  .fr-spec-box {
    margin: 24px 0;
    padding: 18px;
  }

  .fr-eeat-box p {
    font-size: 16px;
    line-height: 1.55;
  }

  .fr-eeat-box li {
    font-size: 15px;
    line-height: 1.5;
  }

  .fr-spec-table { font-size: 14px; }

  .fr-spec-table th,
  .fr-spec-table td { padding: 10px; }
}


/* =========================================================
   4RINGS — SINGLE FINAL BACKGROUND + TYPOGRAPHY NORMALIZATION v80
   Zakres: single post / artykuł.
   Cel:
   - usunąć szare tło po bokach artykułu,
   - ujednolicić krój pisma z resztą serwisu,
   - zachować czytelną szerokość treści artykułu i desktopowy sidebar.
   ========================================================= */

:root {
  --fr-font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  --fr-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

html body.single-post,
html body.fr-single-template,
body.single-post #page,
body.fr-single-template #page,
body.single-post .site,
body.fr-single-template .site,
body.single-post .site-content,
body.fr-single-template .site-content,
body.single-post .content-area,
body.fr-single-template .content-area,
body.single-post #primary,
body.fr-single-template #primary,
body.single-post #main,
body.fr-single-template #main,
body.single-post .inside-article,
body.fr-single-template .inside-article,
body.single-post .fr-single,
body.fr-single-template .fr-single,
body.single-post .fr-single-main,
body.fr-single-template .fr-single-main,
body.single-post .fr-single-content,
body.fr-single-template .fr-single-content {
  background: #ffffff !important;
}

body.single-post,
body.single-post *,
body.fr-single-template,
body.fr-single-template * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

@media (min-width: 1025px) {
  body.single-post .fr-single-layout,
  body.fr-single-template .fr-single-layout {
    width: min(1240px, calc(100vw - 64px)) !important;
    max-width: 1240px !important;
    grid-template-columns: minmax(0, 820px) 320px !important;
    gap: 44px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.single-post .fr-single-content,
  body.fr-single-template .fr-single-content {
    max-width: 820px !important;
  }

  body.single-post .fr-article-content,
  body.single-post .inside-article .entry-content,
  body.fr-single-template .fr-article-content,
  body.fr-single-template .inside-article .entry-content {
    max-width: 720px !important;
  }
}

@media (max-width: 1024px) {
  body.single-post .fr-single-layout,
  body.fr-single-template .fr-single-layout {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   KONIEC — SINGLE FINAL BACKGROUND + TYPOGRAPHY NORMALIZATION v80
   ========================================================= */


/* =========================================================
   4RINGS — SINGLE GRID GAP FIX v81
   Zakres: desktop single post.
   Cel:
   - usunąć zbyt dużą lukę między treścią artykułu a sidebarem,
   - zachować białe tło strony artykułu,
   - zachować czytelną szerokość kolumny tekstowej,
   - nie ruszać mobile.
   ========================================================= */

@media (min-width: 1025px) {
  body.single-post .fr-single-layout,
  body.fr-single-template .fr-single-layout {
    width: min(1060px, calc(100vw - 56px)) !important;
    max-width: 1060px !important;
    grid-template-columns: minmax(0, 720px) 300px !important;
    gap: 34px !important;
    column-gap: 34px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: start !important;
  }

  body.single-post .fr-single-content,
  body.fr-single-template .fr-single-content,
  body.single-post .fr-article-content,
  body.fr-single-template .fr-article-content,
  body.single-post .inside-article .entry-content,
  body.fr-single-template .inside-article .entry-content {
    width: 100% !important;
    max-width: 720px !important;
  }

  body.single-post .fr-article-sidebar,
  body.single-post .fr-single-sidebar,
  body.fr-single-template .fr-article-sidebar,
  body.fr-single-template .fr-single-sidebar {
    width: 300px !important;
    max-width: 300px !important;
  }
}

@media (min-width: 1280px) {
  body.single-post .fr-single-layout,
  body.fr-single-template .fr-single-layout {
    width: min(1080px, calc(100vw - 72px)) !important;
    max-width: 1080px !important;
    grid-template-columns: minmax(0, 730px) 300px !important;
    gap: 36px !important;
    column-gap: 36px !important;
  }

  body.single-post .fr-single-content,
  body.fr-single-template .fr-single-content,
  body.single-post .fr-article-content,
  body.fr-single-template .fr-article-content,
  body.single-post .inside-article .entry-content,
  body.fr-single-template .inside-article .entry-content {
    max-width: 730px !important;
  }
}

/* =========================================================
   KONIEC — SINGLE GRID GAP FIX v81
   ========================================================= */


/* =========================================================
   4RINGS — TOC anchor offset
   Keeps sidebar "W tym artykule" anchor targets visible below sticky header.
   ========================================================= */
body.single-post .entry-content h2[id] {
    scroll-margin-top: 120px;
}

@media (max-width: 768px) {
    body.single-post .entry-content h2[id] {
        scroll-margin-top: 88px;
    }
}
/* =========================================================
   4rings.pl — sidebar ad placeholders cleanup
   Placeholdery reklamowe w sidebarze artykułu mają być puste,
   bez szarego tła i bez napisu.
   ========================================================= */

.fr-article-sidebar .fr-ad,
.fr-article-sidebar .fr-ad-box,
.fr-article-sidebar .fr-sidebar-ad,
.fr-article-sidebar .fr-sidebar-ad-placeholder,
.fr-article-sidebar .fr-ad-placeholder {
    width: 300px;
    max-width: 100%;
    min-height: 600px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
}

/* Usuwa ewentualny tekst typu "Reklama" albo pseudo-elementy */
.fr-article-sidebar .fr-ad::before,
.fr-article-sidebar .fr-ad::after,
.fr-article-sidebar .fr-ad-box::before,
.fr-article-sidebar .fr-ad-box::after,
.fr-article-sidebar .fr-sidebar-ad::before,
.fr-article-sidebar .fr-sidebar-ad::after,
.fr-article-sidebar .fr-sidebar-ad-placeholder::before,
.fr-article-sidebar .fr-sidebar-ad-placeholder::after,
.fr-article-sidebar .fr-ad-placeholder::before,
.fr-article-sidebar .fr-ad-placeholder::after {
    content: none !important;
    display: none !important;
}

/* Jeżeli placeholder siedzi w dodatkowym wrapperze */
.fr-article-sidebar [class*="ad"] {
    text-indent: -9999px;
}

/* Ale nie ukrywamy realnych iframe / skryptów reklamowych, kiedy zostaną podpięte */
.fr-article-sidebar [class*="ad"] iframe,
.fr-article-sidebar [class*="ad"] ins,
.fr-article-sidebar [class*="ad"] script {
    text-indent: 0;
}
/* =========================================================
   4RINGS — SINGLE ARTICLE FINAL KEYPOINTS + TABLES PATCH 2026-06-09
   Zakres: single post / artykuł.
   Cel:
   - ręczny boks „Najważniejsze informacje” jako bezpieczny HTML bez parsera „W skrócie”,
   - poprawa czytelności tabel i brak łamania pojedynczych liter,
   - etykiety boxów normalną pisownią, bez małej kolorowej kreski przy etykiecie,
   - kolorowy pasek tylko jako lewy pionowy border całego boxa,
   - werdykt jako czytelny boks końcowy.
   ========================================================= */

/* 1) Boks startowy: Najważniejsze informacje / keypoints
   Wklejać w artykule jako:
   <div class="fr-editorial-box fr-editorial-box-keypoints">...</div>
*/
body.single-post .fr-article-content .fr-editorial-box-keypoints,
body.single-post .entry-content .fr-editorial-box-keypoints,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints {
  --fr-box-accent: #E12626 !important;
  position: relative !important;
  max-width: var(--fr-article-content-width, 720px) !important;
  margin: 26px 0 34px !important;
  padding: 22px 24px 22px 26px !important;
  background: #f8fafc !important;
  border: 0 !important;
  border-left: 5px solid var(--fr-box-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #2D3748 !important;
  overflow: visible !important;
}

body.single-post .fr-article-content .fr-editorial-box-keypoints::before,
body.single-post .fr-article-content .fr-editorial-box-keypoints::after,
body.single-post .entry-content .fr-editorial-box-keypoints::before,
body.single-post .entry-content .fr-editorial-box-keypoints::after,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints::before,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints::after {
  content: none !important;
  display: none !important;
}

body.single-post .fr-article-content .fr-editorial-box-keypoints .fr-editorial-box-label,
body.single-post .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #111827 !important;
  font-family: var(--fr-font-heading, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

body.single-post .fr-article-content .fr-editorial-box-keypoints .fr-editorial-box-label::before,
body.single-post .fr-article-content .fr-editorial-box-keypoints .fr-editorial-box-label::after,
body.single-post .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label::before,
body.single-post .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label::after,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label::before,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label::after {
  content: none !important;
  display: none !important;
}

body.single-post .fr-article-content .fr-editorial-box-keypoints ul,
body.single-post .entry-content .fr-editorial-box-keypoints ul,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints ul {
  margin: 0 !important;
  padding-left: 21px !important;
}

body.single-post .fr-article-content .fr-editorial-box-keypoints li,
body.single-post .entry-content .fr-editorial-box-keypoints li,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints li {
  margin: 0 0 10px !important;
  padding-left: 2px !important;
  font-size: 17px !important;
  line-height: 1.56 !important;
  color: #2D3748 !important;
}

body.single-post .fr-article-content .fr-editorial-box-keypoints li:last-child,
body.single-post .entry-content .fr-editorial-box-keypoints li:last-child,
body.single-post .inside-article .entry-content .fr-editorial-box-keypoints li:last-child {
  margin-bottom: 0 !important;
}

/* 2) Etykiety wszystkich ręcznych boxów: normalna pisownia, bez dodatkowej małej kreski. */
body.single-post .fr-article-content .fr-editorial-box .fr-editorial-box-label,
body.single-post .entry-content .fr-editorial-box .fr-editorial-box-label,
body.single-post .inside-article .entry-content .fr-editorial-box .fr-editorial-box-label,
body.single-post .fr-article-content .fr-verdict-box .fr-verdict-box__label,
body.single-post .entry-content .fr-verdict-box .fr-verdict-box__label {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  color: #111827 !important;
  font-size: 15.5px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

body.single-post .fr-article-content .fr-editorial-box .fr-editorial-box-label::before,
body.single-post .fr-article-content .fr-editorial-box .fr-editorial-box-label::after,
body.single-post .entry-content .fr-editorial-box .fr-editorial-box-label::before,
body.single-post .entry-content .fr-editorial-box .fr-editorial-box-label::after,
body.single-post .inside-article .entry-content .fr-editorial-box .fr-editorial-box-label::before,
body.single-post .inside-article .entry-content .fr-editorial-box .fr-editorial-box-label::after {
  content: none !important;
  display: none !important;
}

/* 3) Kolory boxów redakcyjnych po klasach używanych w artykułach. */
body.single-post .fr-article-content .fr-editorial-box-note,
body.single-post .entry-content .fr-editorial-box-note,
body.single-post .fr-article-content .fr-editorial-box-warning,
body.single-post .entry-content .fr-editorial-box-warning,
body.single-post .fr-article-content .fr-editorial-box-important,
body.single-post .entry-content .fr-editorial-box-important {
  --fr-box-accent: #E12626 !important;
  background: #fff7f7 !important;
  border-left-color: var(--fr-box-accent) !important;
}

body.single-post .fr-article-content .fr-editorial-box-calc,
body.single-post .entry-content .fr-editorial-box-calc,
body.single-post .fr-article-content .fr-zimna-kalkulacja,
body.single-post .entry-content .fr-zimna-kalkulacja,
body.single-post .fr-article-content .fr-warto-policzyc,
body.single-post .entry-content .fr-warto-policzyc {
  --fr-box-accent: #F57C00 !important;
  background: #fff8f1 !important;
  border-left-color: var(--fr-box-accent) !important;
}

body.single-post .fr-article-content .fr-editorial-box-verdict,
body.single-post .entry-content .fr-editorial-box-verdict,
body.single-post .fr-article-content .fr-verdict-box,
body.single-post .entry-content .fr-verdict-box,
body.single-post .fr-article-content .fr-werdykt-4rings,
body.single-post .entry-content .fr-werdykt-4rings {
  --fr-box-accent: #1565C0 !important;
  background: #f5f8fc !important;
  border-left-color: var(--fr-box-accent) !important;
}

/* 4) Jeżeli werdykt jest jeszcze zwykłym H2 + akapit, dajemy mu większy oddech. */
body.single-post .fr-article-content h2[id*="werdykt"],
body.single-post .entry-content h2[id*="werdykt"],
body.single-post .fr-article-content h2[id*="Werdykt"],
body.single-post .entry-content h2[id*="Werdykt"] {
  margin-top: 44px !important;
}

/* 5) FAQ odseparowane od końcówki artykułu. */
body.single-post .fr-article-content h2[id*="najczestsze"],
body.single-post .entry-content h2[id*="najczestsze"],
body.single-post .fr-article-content h2[id*="najczęstsze"],
body.single-post .entry-content h2[id*="najczęstsze"] {
  margin-top: 48px !important;
  padding-top: 28px !important;
  border-top: 1px solid #e5e7eb !important;
}

/* 6) Tabele: nie łamiemy pojedynczych liter; szerokie tabele scrollują poziomo. */
body.single-post .fr-article-content .wp-block-table,
body.single-post .entry-content .wp-block-table,
body.single-post .inside-article .entry-content .wp-block-table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 28px 0 32px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.single-post .fr-article-content .wp-block-table table,
body.single-post .entry-content .wp-block-table table,
body.single-post .inside-article .entry-content .wp-block-table table {
  width: 100% !important;
  min-width: 680px !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  word-break: normal !important;
}

body.single-post .fr-article-content table th,
body.single-post .fr-article-content table td,
body.single-post .entry-content table th,
body.single-post .entry-content table td,
body.single-post .inside-article .entry-content table th,
body.single-post .inside-article .entry-content table td {
  padding: 12px 14px !important;
  vertical-align: top !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

body.single-post .fr-article-content table th,
body.single-post .entry-content table th,
body.single-post .inside-article .entry-content table th {
  font-weight: 800 !important;
  background: #f8fafc !important;
  color: #111827 !important;
}

body.single-post .fr-article-content table th:first-child,
body.single-post .fr-article-content table td:first-child,
body.single-post .entry-content table th:first-child,
body.single-post .entry-content table td:first-child,
body.single-post .inside-article .entry-content table th:first-child,
body.single-post .inside-article .entry-content table td:first-child {
  white-space: nowrap !important;
  font-weight: 700 !important;
}

body.single-post .fr-article-content table th:nth-child(2),
body.single-post .fr-article-content table td:nth-child(2),
body.single-post .entry-content table th:nth-child(2),
body.single-post .entry-content table td:nth-child(2),
body.single-post .inside-article .entry-content table th:nth-child(2),
body.single-post .inside-article .entry-content table td:nth-child(2) {
  min-width: 180px !important;
}

@media (max-width: 768px) {
  body.single-post .fr-article-content .fr-editorial-box-keypoints,
  body.single-post .entry-content .fr-editorial-box-keypoints,
  body.single-post .inside-article .entry-content .fr-editorial-box-keypoints {
    margin: 22px 0 30px !important;
    padding: 18px 18px 18px 22px !important;
    border-left-width: 4px !important;
  }

  body.single-post .fr-article-content .fr-editorial-box-keypoints .fr-editorial-box-label,
  body.single-post .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label,
  body.single-post .inside-article .entry-content .fr-editorial-box-keypoints .fr-editorial-box-label {
    font-size: 16px !important;
  }

  body.single-post .fr-article-content .fr-editorial-box-keypoints li,
  body.single-post .entry-content .fr-editorial-box-keypoints li,
  body.single-post .inside-article .entry-content .fr-editorial-box-keypoints li {
    font-size: 16px !important;
    line-height: 1.56 !important;
  }

  body.single-post .fr-article-content .wp-block-table table,
  body.single-post .entry-content .wp-block-table table,
  body.single-post .inside-article .entry-content .wp-block-table table {
    min-width: 720px !important;
  }

  body.single-post .fr-article-content table th,
  body.single-post .fr-article-content table td,
  body.single-post .entry-content table th,
  body.single-post .entry-content table td,
  body.single-post .inside-article .entry-content table th,
  body.single-post .inside-article .entry-content table td {
    padding: 11px 12px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }
}

/* =========================================================
   KONIEC — SINGLE ARTICLE FINAL KEYPOINTS + TABLES PATCH 2026-06-09
   ========================================================= */

/* =========================================================
   4RINGS — MOBILE FIRST ARTICLE AD GAP FIX FINAL 2026-06-09
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: tylko mobile, pierwsza reklama w artykule pod zdjęciem głównym.
   Cel:
   - usunąć nadmiar pustego miejsca między reklamą a leadem,
   - nie ruszać desktopu, sidebaru ani kolejnych reklam w treści.
   ========================================================= */

@media (max-width: 768px) {
  body.single-post .fr-article-content > .fr-ad:first-of-type,
  body.single-post .fr-article-content > .fr-mobile-ad:first-of-type,
  body.single-post .fr-single-content > .fr-ad:first-of-type,
  body.single-post .entry-content > .fr-ad:first-of-type,
  body.single-post .entry-content > .fr-mobile-ad:first-of-type,
  body.single-post .fr-article-body > .fr-ad:first-of-type,
  body.single-post .fr-article-body > .fr-mobile-ad:first-of-type {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    padding-bottom: 0 !important;
    min-height: 280px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.single-post .fr-article-content > .fr-ad:first-of-type .fr-ad-box,
  body.single-post .fr-single-content > .fr-ad:first-of-type .fr-ad-box,
  body.single-post .entry-content > .fr-ad:first-of-type .fr-ad-box,
  body.single-post .fr-article-body > .fr-ad:first-of-type .fr-ad-box {
    min-height: 280px !important;
    height: 280px !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body.single-post .fr-article-content > .fr-ad:first-of-type + p,
  body.single-post .fr-article-content > .fr-mobile-ad:first-of-type + p,
  body.single-post .fr-single-content > .fr-ad:first-of-type + p,
  body.single-post .entry-content > .fr-ad:first-of-type + p,
  body.single-post .entry-content > .fr-mobile-ad:first-of-type + p,
  body.single-post .fr-article-body > .fr-ad:first-of-type + p,
  body.single-post .fr-article-body > .fr-mobile-ad:first-of-type + p {
    margin-top: 0 !important;
  }
}

/* =========================================================
   KONIEC — MOBILE FIRST ARTICLE AD GAP FIX FINAL 2026-06-09
   ========================================================= */

/* =========================================================
   4RINGS — SINGLE OPTAD360 ADS FINAL CLEANUP 2026-06-10
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: reklamy na stronie artykułu.
   Finalne ustalenia:
   - reklamy w treści artykułu są niezależne od homepage,
   - mobile: 100% × 280px,
   - desktop w treści: szerokość kolumny artykułu × ok. 300px,
   - sidebar desktop: 300×600,
   - własny napis/plug OptAd360 „ad” ukrywamy tam, gdzie robi drugi sztuczny placeholder.
   ========================================================= */

body.single-post .fr-article-ad.fr-article-ad-after-summary {
  display: block !important;
  position: relative !important;
  clear: both !important;
  width: 100% !important;
  max-width: 720px !important;
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  margin: 24px auto 24px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  box-sizing: border-box !important;
}

body.single-post .fr-article-ad.fr-article-ad-after-summary .placeholderOnnetwork {
  width: 100% !important;
  max-width: 100% !important;
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

body.single-post .fr-article-ad.fr-article-ad-after-summary .placeholderPlug {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.single-post .fr-article-ad.fr-article-ad-after-summary::before,
body.single-post .fr-article-ad.fr-article-ad-after-summary::after {
  content: none !important;
  display: none !important;
}

body.single-post .fr-article-ad.fr-article-ad-after-summary + p,
body.single-post .fr-article-ad.fr-article-ad-after-summary + .fr-article-lead,
body.single-post .fr-article-ad.fr-article-ad-after-summary + .fr-lead,
body.single-post .fr-article-ad.fr-article-ad-after-summary + .fr-content-lead {
  margin-top: 0 !important;
}

body.single-post .fr-article-content .fr-article-ad,
body.single-post .fr-single-content .fr-article-ad,
body.single-post .fr-article-body .fr-article-ad,
body.single-post .entry-content .fr-article-ad {
  width: 100% !important;
  max-width: 720px !important;
  margin: 28px auto !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 1025px) {
  body.single-post .fr-single-sidebar .fr-ad,
  body.single-post .fr-single-sidebar .fr-ad-box,
  body.single-post .fr-sidebar .fr-ad,
  body.single-post .fr-sidebar .fr-ad-box,
  body.single-post aside .fr-ad,
  body.single-post aside .fr-ad-box,
  body.single-post .widget-area .fr-ad,
  body.single-post .widget-area .fr-ad-box {
    width: 300px !important;
    max-width: 300px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: transparent !important;
    text-shadow: none !important;
  }
}

body.single-post .fr-single-sidebar .fr-ad::before,
body.single-post .fr-single-sidebar .fr-ad::after,
body.single-post .fr-single-sidebar .fr-ad-box::before,
body.single-post .fr-single-sidebar .fr-ad-box::after,
body.single-post .fr-sidebar .fr-ad::before,
body.single-post .fr-sidebar .fr-ad::after,
body.single-post .fr-sidebar .fr-ad-box::before,
body.single-post .fr-sidebar .fr-ad-box::after,
body.single-post aside .fr-ad::before,
body.single-post aside .fr-ad::after,
body.single-post aside .fr-ad-box::before,
body.single-post aside .fr-ad-box::after,
body.single-post .widget-area .fr-ad::before,
body.single-post .widget-area .fr-ad::after,
body.single-post .widget-area .fr-ad-box::before,
body.single-post .widget-area .fr-ad-box::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  body.single-post .fr-article-ad.fr-article-ad-after-summary {
    width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    margin: 18px auto 18px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.single-post .fr-article-ad.fr-article-ad-after-summary .placeholderOnnetwork {
    width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.single-post .fr-article-content .fr-article-ad,
  body.single-post .fr-single-content .fr-article-ad,
  body.single-post .fr-article-body .fr-article-ad,
  body.single-post .entry-content .fr-article-ad {
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px auto !important;
  }
}

body.single-post .fr-reading-progress,
body.single-post .fr-reading-progress-bar,
body.single-post #fr-reading-progress,
body.single-post .fr-article-progress,
body.single-post .fr-progress-bar {
  position: fixed !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 3px !important;
  min-height: 3px !important;
  max-height: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 999999 !important;
  pointer-events: none !important;
  transform: none !important;
}

body.admin-bar.single-post .fr-reading-progress,
body.admin-bar.single-post .fr-reading-progress-bar,
body.admin-bar.single-post #fr-reading-progress,
body.admin-bar.single-post .fr-article-progress,
body.admin-bar.single-post .fr-progress-bar {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar.single-post .fr-reading-progress,
  body.admin-bar.single-post .fr-reading-progress-bar,
  body.admin-bar.single-post #fr-reading-progress,
  body.admin-bar.single-post .fr-article-progress,
  body.admin-bar.single-post .fr-progress-bar {
    top: 46px !important;
  }
}

@media (max-width: 600px) {
  body.admin-bar.single-post .fr-reading-progress,
  body.admin-bar.single-post .fr-reading-progress-bar,
  body.admin-bar.single-post #fr-reading-progress,
  body.admin-bar.single-post .fr-article-progress,
  body.admin-bar.single-post .fr-progress-bar {
    top: 0 !important;
  }
}

/* =========================================================
   KONIEC — SINGLE OPTAD360 ADS FINAL CLEANUP 2026-06-10
   ========================================================= */

/* =========================================================
   4RINGS — ARTICLE LINKS FINAL POLISH 2026-06-10
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: linki w artykule, metadanych, źródłach i author boxie.
   Cel:
   - usunąć domyślny niebieski WordPressowy wygląd linków,
   - zostawić linki czytelne i rozpoznawalne,
   - linki w treści: grafit + subtelne czerwone podkreślenie,
   - link autora/metadanych: spokojny szary/grafitowy styl,
   - hover: czerwony 4rings.pl.
   ========================================================= */

/* Linki w treści artykułu */
body.single-post .fr-single .entry-content a,
body.single-post .fr-single-content .entry-content a,
body.single-post .fr-article-content a,
body.single-post .inside-article .entry-content a {
  color: #263241 !important;
  text-decoration-line: underline !important;
  text-decoration-color: rgba(225, 38, 38, .46) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  transition: color 160ms ease, text-decoration-color 160ms ease !important;
}

body.single-post .fr-single .entry-content a:hover,
body.single-post .fr-single-content .entry-content a:hover,
body.single-post .fr-article-content a:hover,
body.single-post .inside-article .entry-content a:hover {
  color: #E12626 !important;
  text-decoration-color: #E12626 !important;
}

/* Metadane pod tytułem: autor, data, czas czytania */
body.single-post .fr-article-meta a,
body.single-post .entry-meta a,
body.single-post .post-meta a,
body.single-post .fr-single-meta a,
body.single-post .fr-single-byline a {
  color: #555 !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  text-underline-offset: 3px !important;
}

body.single-post .fr-article-meta a:hover,
body.single-post .entry-meta a:hover,
body.single-post .post-meta a:hover,
body.single-post .fr-single-meta a:hover,
body.single-post .fr-single-byline a:hover {
  color: #E12626 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
}

/* Źródła i bibliografia: link może być wyraźny, ale bez niebieskiego */
body.single-post .fr-source-box a,
body.single-post .fr-article-source a,
body.single-post .fr-source a {
  color: #263241 !important;
  text-decoration-line: underline !important;
  text-decoration-color: rgba(225, 38, 38, .46) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

body.single-post .fr-source-box a:hover,
body.single-post .fr-article-source a:hover,
body.single-post .fr-source a:hover {
  color: #E12626 !important;
  text-decoration-color: #E12626 !important;
}

/* Author box — link do profilu autora spokojniejszy niż zwykły link tekstowy */
body.single-post .fr-article-author-box a,
body.single-post .fr-article-author-link {
  color: #263241 !important;
  text-decoration: none !important;
  font-weight: 750 !important;
}

body.single-post .fr-article-author-box a:hover,
body.single-post .fr-article-author-link:hover {
  color: #E12626 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Linki w sidebarze i kartach related nie dostają podkreślenia z treści */
body.single-post .fr-single-sidebar a,
body.single-post .fr-article-related a,
body.single-post .fr-sidebar-box a {
  text-decoration: none !important;
}

/* =========================================================
   KONIEC — ARTICLE LINKS FINAL POLISH 2026-06-10
   ========================================================= */

/* =========================================================
   4RINGS — ARTICLE TABLES MOBILE FINAL 2026-06-10
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: tabele w treści artykułu.
   Cel:
   - czytelne tabele na desktopie,
   - poziome przewijanie na mobile,
   - komunikat „Przesuń tabelę palcem →” tylko na mobile,
   - brak sztucznego rozciągania komórek przy małej ilości informacji.
   ========================================================= */

body.single-post .entry-content .wp-block-table,
body.single-post .fr-article-content .wp-block-table,
body.single-post .inside-article .entry-content .wp-block-table {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 28px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}

body.single-post .entry-content .wp-block-table::before,
body.single-post .fr-article-content .wp-block-table::before,
body.single-post .inside-article .entry-content .wp-block-table::before {
  content: "Przesuń tabelę palcem →" !important;
  display: none !important;
  margin: 0 0 8px !important;
  color: #718096 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.single-post .entry-content table,
body.single-post .fr-article-content table,
body.single-post .inside-article .entry-content table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #2D3748 !important;
  background: #fff !important;
}

body.single-post .entry-content th,
body.single-post .entry-content td,
body.single-post .fr-article-content th,
body.single-post .fr-article-content td,
body.single-post .inside-article .entry-content th,
body.single-post .inside-article .entry-content td {
  padding: 10px 12px !important;
  border: 1px solid #e5e7eb !important;
  vertical-align: top !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.single-post .entry-content th,
body.single-post .fr-article-content th,
body.single-post .inside-article .entry-content th {
  background: #f7f7f7 !important;
  color: #111 !important;
  font-weight: 760 !important;
}

body.single-post .entry-content tr:nth-child(even) td,
body.single-post .fr-article-content tr:nth-child(even) td,
body.single-post .inside-article .entry-content tr:nth-child(even) td {
  background: #fcfcfc !important;
}

@media (max-width: 768px) {
  body.single-post .entry-content .wp-block-table::before,
  body.single-post .fr-article-content .wp-block-table::before,
  body.single-post .inside-article .entry-content .wp-block-table::before {
    display: block !important;
  }

  body.single-post .entry-content table,
  body.single-post .fr-article-content table,
  body.single-post .inside-article .entry-content table {
    width: max-content !important;
    min-width: 560px !important;
    max-width: none !important;
    font-size: 14px !important;
  }

  body.single-post .entry-content th,
  body.single-post .entry-content td,
  body.single-post .fr-article-content th,
  body.single-post .fr-article-content td,
  body.single-post .inside-article .entry-content th,
  body.single-post .inside-article .entry-content td {
    min-width: 118px !important;
    max-width: 240px !important;
    padding: 9px 10px !important;
  }

  body.single-post .entry-content td:empty,
  body.single-post .fr-article-content td:empty,
  body.single-post .inside-article .entry-content td:empty {
    min-width: 80px !important;
  }
}

/* Małe tabele 2-kolumnowe nie muszą wyglądać jak ogromna tabela techniczna */
@media (max-width: 768px) {
  body.single-post .entry-content .wp-block-table table:has(tr > :nth-child(2):last-child),
  body.single-post .fr-article-content .wp-block-table table:has(tr > :nth-child(2):last-child),
  body.single-post .inside-article .entry-content .wp-block-table table:has(tr > :nth-child(2):last-child) {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.single-post .entry-content .wp-block-table table:has(tr > :nth-child(2):last-child) th,
  body.single-post .entry-content .wp-block-table table:has(tr > :nth-child(2):last-child) td,
  body.single-post .fr-article-content .wp-block-table table:has(tr > :nth-child(2):last-child) th,
  body.single-post .fr-article-content .wp-block-table table:has(tr > :nth-child(2):last-child) td,
  body.single-post .inside-article .entry-content .wp-block-table table:has(tr > :nth-child(2):last-child) th,
  body.single-post .inside-article .entry-content .wp-block-table table:has(tr > :nth-child(2):last-child) td {
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* =========================================================
   KONIEC — ARTICLE TABLES MOBILE FINAL 2026-06-10
   ========================================================= */

/* =========================================================
   4RINGS — SINGLE SIDEBAR ADS TRANSPARENT FINAL 2026-06-10
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: placeholdery reklamowe w sidebarze artykułu na desktopie.
   Cel:
   - usunąć szare tło, ramkę i napis placeholdera,
   - zostawić stabilne miejsce 300x600,
   - jeśli Google/OptAd360 wstrzyknie iframe, reklama ma być widoczna,
   - nie ruszać treści artykułu, mobile, homepage, archive, author ani PHP.
   ========================================================= */

@media (min-width: 1025px) {
  body.single-post .fr-single-sidebar .fr-sidebar-ad,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-300x600,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-small {
    display: block !important;
    width: 300px !important;
    max-width: 300px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 28px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ad::before,
  body.single-post .fr-single-sidebar .fr-sidebar-ad::after,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600::before,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600::after,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small::before,
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small::after,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad::before,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad::after,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-300x600::before,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-300x600::after,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-small::before,
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-small::after {
    content: none !important;
    display: none !important;
  }

  body.single-post .fr-single-sidebar .fr-sidebar-ad iframe[id^="google_ads_iframe_"],
  body.single-post .fr-single-sidebar .fr-sidebar-ad-300x600 iframe[id^="google_ads_iframe_"],
  body.single-post .fr-single-sidebar .fr-sidebar-ad-small iframe[id^="google_ads_iframe_"],
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad iframe[id^="google_ads_iframe_"],
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-300x600 iframe[id^="google_ads_iframe_"],
  body.fr-single-template .fr-single-sidebar .fr-sidebar-ad-small iframe[id^="google_ads_iframe_"] {
    display: block !important;
    width: 300px !important;
    max-width: 300px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: bottom !important;
  }
}

/* =========================================================
   KONIEC — SINGLE SIDEBAR ADS TRANSPARENT FINAL 2026-06-10
   ========================================================= */

/* =========================================================
   4RINGS — SINGLE ARTICLE FIRST AD GAP RESTORE FINAL 2026-06-10
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: pierwsza reklama / pusty slot po zdjęciu głównym w artykule.
   Cel:
   - przywrócić wcześniejszą naprawę dużej pustki przed leadem,
   - pusty .fr-article-ad-after-summary nie zajmuje miejsca,
   - realny slot .fr-mobile-ad-under-hero zostaje stabilny,
   - nie ruszać sidebaru, homepage, author, archive, headera, menu ani PHP.
   ========================================================= */

/* 1) Kluczowa wcześniejsza naprawa: pusty slot po summary/hero nie może robić dziury. */
body.single-post .fr-article-ad.fr-article-ad-after-summary:empty,
body.fr-single-template .fr-article-ad.fr-article-ad-after-summary:empty {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 2) Jeżeli slot po summary jest pusty, następny lead/akapit nie dostaje sztucznego marginesu. */
body.single-post .fr-article-ad.fr-article-ad-after-summary:empty + p,
body.single-post .fr-article-ad.fr-article-ad-after-summary:empty + .fr-article-lead,
body.single-post .fr-article-ad.fr-article-ad-after-summary:empty + .fr-lead,
body.fr-single-template .fr-article-ad.fr-article-ad-after-summary:empty + p,
body.fr-single-template .fr-article-ad.fr-article-ad-after-summary:empty + .fr-article-lead,
body.fr-single-template .fr-article-ad.fr-article-ad-after-summary:empty + .fr-lead {
  margin-top: 0 !important;
}

/* 3) Realna mobilna reklama pod zdjęciem głównym — stabilna, ale bez ogromnej pustki pod spodem. */
@media (max-width: 1024px) {
  body.single-post .fr-article-ad.fr-mobile-ad-under-hero,
  body.fr-single-template .fr-article-ad.fr-mobile-ad-under-hero {
    display: block !important;
    position: relative !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    margin: 18px auto 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-post .fr-article-ad.fr-mobile-ad-under-hero iframe[id^="google_ads_iframe_"],
  body.fr-single-template .fr-article-ad.fr-mobile-ad-under-hero iframe[id^="google_ads_iframe_"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: bottom !important;
  }

  body.single-post .fr-article-ad.fr-mobile-ad-under-hero div:has(> iframe[id^="google_ads_iframe_"]),
  body.fr-single-template .fr-article-ad.fr-mobile-ad-under-hero div:has(> iframe[id^="google_ads_iframe_"]) {
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    overflow: hidden !important;
  }

  body.single-post .fr-article-ad.fr-mobile-ad-under-hero + p,
  body.single-post .fr-article-ad.fr-mobile-ad-under-hero + .fr-article-lead,
  body.single-post .fr-article-ad.fr-mobile-ad-under-hero + .fr-lead,
  body.fr-single-template .fr-article-ad.fr-mobile-ad-under-hero + p,
  body.fr-single-template .fr-article-ad.fr-mobile-ad-under-hero + .fr-article-lead,
  body.fr-single-template .fr-article-ad.fr-mobile-ad-under-hero + .fr-lead {
    margin-top: 0 !important;
  }
}

/* 4) Nie nadajemy już globalnego marginesu .fr-article-ad-after-summary.
      Ten selektor jest zbyt szeroki i ponownie tworzył pustą przestrzeń przed leadem. */

/* =========================================================
   KONIEC — SINGLE ARTICLE FIRST AD GAP RESTORE FINAL 2026-06-10
   ========================================================= */

/* =========================================================
   4RINGS — DESKTOP TOP AD CONTAINMENT FINAL 2026-06-10
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: tylko desktopowa górna jednostka reklamowa nad artykułem.
   Cel:
   - odsunąć górną jednostkę od okruszków / początku artykułu,
   - utrzymać stabilny slot 970x300,
   - nie pozwolić kwadratowej lub niestandardowej kreacji wychodzić poza placeholder,
   - placeholder pozostaje pusty wizualnie: bez szarego tła, ramki i napisu.
   ========================================================= */

@media (min-width: 1025px) {
  body.single-post .fr-single-top-wide,
  body.fr-single-template .fr-single-top-wide {
    display: block !important;
    width: min(970px, calc(100% - 48px)) !important;
    max-width: 970px !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    margin: 18px auto 46px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.single-post .fr-single-top-ad,
  body.fr-single-template .fr-single-top-ad {
    display: block !important;
    width: 100% !important;
    max-width: 970px !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  body.single-post .fr-single-top-ad > *,
  body.fr-single-template .fr-single-top-ad > *,
  body.single-post .fr-single-top-wide iframe,
  body.single-post .fr-single-top-wide ins,
  body.single-post .fr-single-top-wide video,
  body.single-post .fr-single-top-wide object,
  body.single-post .fr-single-top-wide embed,
  body.single-post .fr-single-top-wide [id*="google"],
  body.single-post .fr-single-top-wide [id*="ad"],
  body.single-post .fr-single-top-wide [id*="optad"],
  body.single-post .fr-single-top-wide [class*="google"],
  body.single-post .fr-single-top-wide [class*="ad"],
  body.single-post .fr-single-top-wide [class*="optad"],
  body.fr-single-template .fr-single-top-wide iframe,
  body.fr-single-template .fr-single-top-wide ins,
  body.fr-single-template .fr-single-top-wide video,
  body.fr-single-template .fr-single-top-wide object,
  body.fr-single-template .fr-single-top-wide embed,
  body.fr-single-template .fr-single-top-wide [id*="google"],
  body.fr-single-template .fr-single-top-wide [id*="ad"],
  body.fr-single-template .fr-single-top-wide [id*="optad"],
  body.fr-single-template .fr-single-top-wide [class*="google"],
  body.fr-single-template .fr-single-top-wide [class*="ad"],
  body.fr-single-template .fr-single-top-wide [class*="optad"] {
    max-width: 100% !important;
    max-height: 300px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.single-post .fr-single-top-wide::before,
  body.single-post .fr-single-top-wide::after,
  body.single-post .fr-single-top-ad::before,
  body.single-post .fr-single-top-ad::after,
  body.fr-single-template .fr-single-top-wide::before,
  body.fr-single-template .fr-single-top-wide::after,
  body.fr-single-template .fr-single-top-ad::before,
  body.fr-single-template .fr-single-top-ad::after {
    content: none !important;
    display: none !important;
  }
}

/* =========================================================
   KONIEC — DESKTOP TOP AD CONTAINMENT FINAL 2026-06-10
   ========================================================= */

/* =========================================================
   4RINGS — SINGLE MOBILE FIRST AD GAP CRUSH FINAL 2026-06-10
   TYPOGRAPHY LOCK — NIE NADPISYWAĆ TYPOGRAFII.
   Zakres: tylko mobile, pierwsza jednostka reklamowa pod zdjęciem głównym artykułu.
   Cel:
   - zostawić aktywny player/reklamę .fr-mobile-ad-under-hero,
   - usunąć sztywną wysokość 280px z kontenera reklamy,
   - ukryć pusty drugi slot .fr-article-ad-after-summary,
   - maksymalnie skrócić odstęp przed leadem.
   ========================================================= */

@media (max-width: 768px) {
  body.single-post .fr-article-ad.fr-mobile-ad-under-hero {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 18px auto 8px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.single-post .fr-article-ad.fr-mobile-ad-under-hero > div,
  body.single-post .fr-article-ad.fr-mobile-ad-under-hero > div[data-dest="placeholder"],
  body.single-post .fr-article-ad.fr-mobile-ad-under-hero [data-dest="placeholder"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body.single-post .fr-article-ad.fr-article-ad-after-summary {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.single-post .fr-mobile-ad-under-hero + .fr-article-ad-after-summary + .entry-content,
  body.single-post .fr-mobile-ad-under-hero + .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.single-post .fr-mobile-ad-under-hero + .fr-article-ad-after-summary + .entry-content > p:first-child,
  body.single-post .fr-mobile-ad-under-hero + .entry-content > p:first-child {
    margin-top: 0 !important;
  }
}

/* =========================================================
   KONIEC — SINGLE MOBILE FIRST AD GAP CRUSH FINAL 2026-06-10
   ========================================================= */