.bc-nav { position: fixed; top: 0.05rem; left: 0.7rem; z-index: 110; }
  .bc-nav ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0; list-style: none; padding: 0; margin: 0; font-size: 0.8rem; letter-spacing: 0.04em; min-height: 48px; }
  .bc-nav li:first-child { margin-left: 0; }
  .bc-nav li { display: flex; align-items: center; color: var(--steel-dim, #d4d4d4); min-height: 48px; }
  .bc-nav li + li::before { content: "›"; margin: 0 0.55rem; color: var(--sand, #c4a882); font-size: 1rem; align-self: center; transform: translateY(-4px); }
  .bc-nav li:first-child + li::before { margin-left: 0; }
  .bc-nav a { color: var(--sand, #c4a882); text-decoration: none; transition: color .3s; white-space: nowrap; display: inline-flex; align-items: center; min-height: 48px; line-height: 1; }
  .bc-nav a:hover { color: var(--white, #fff); }
  .bc-nav [aria-current="page"] { color: var(--steel-dim, #d4d4d4); white-space: nowrap; display: inline-flex; align-items: center; min-height: 48px; line-height: 1; }
  .bc-nav li:not(:first-child) > a,
  .bc-nav li:not(:first-child) > [aria-current="page"] { transform: translateY(-2px); }
  .bc-home-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; overflow: visible; }
  .bc-home-icon img { display: block; width: 54px; height: 54px; object-fit: contain; object-position: center 46%; border-radius: 3px; transform: translateY(3px); }
  @media (max-width: 640px) {
    .bc-nav { top: 0.05rem; left: 0.45rem; right: 0.45rem; width: auto; max-width: none; overflow: hidden; }
    .bc-nav ol { font-size: 0.7rem; gap: 0; min-height: 56px; width: 100%; min-width: 0; flex-wrap: nowrap; overflow: hidden; }
    .bc-nav li { flex: 0 0 auto; min-height: 56px; min-width: 0; max-width: 100%; overflow: hidden; }
    .bc-nav li:last-child { flex: 1 1 0; }
    .bc-nav a,
    .bc-nav [aria-current="page"] { min-height: 56px; }
    .bc-nav li + li::before { margin: 0 0.4rem; font-size: 0.95rem; transform: translateY(-4px); }
    .bc-nav li:first-child + li::before { margin-left: 0; }
    .bc-nav li:not(:first-child) > a,
    .bc-nav li:not(:first-child) > [aria-current="page"] { transform: translateY(-4px); }
    .bc-home-icon { width: 56px; height: 56px; }
    .bc-home-icon img { width: 62px; height: 62px; object-position: center 46%; transform: translateY(2px); }
    .bc-nav li + li::before {
      flex: 0 0 auto;
    }
    .bc-nav li:last-child > a,
    .bc-nav li:last-child > [aria-current="page"] {
      display: block;
      height: 56px;
      line-height: 56px;
      min-width: 0;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      transform: translateY(-4px) !important;
      white-space: nowrap;
    }
  }

@media (max-width: 640px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .bg-wrap {
    max-width: 100vw;
    clip-path: inset(0);
  }

  .bg-wrap .blur {
    transform: none !important;
  }

  .tiles,
  .tiles-row,
  .tiles-col,
  .tile,
  .tile-content,
  .tile-desc {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .tiles {
    width: 100% !important;
  }

  .tile {
    overflow-wrap: anywhere;
    padding-left: min(1.2rem, 5vw) !important;
    padding-right: min(1.2rem, 5vw) !important;
  }

  .tile-content,
  .article-html {
    overflow-wrap: anywhere;
  }

  table {
    max-width: 100%;
  }

  .tile-content table,
  .article-html table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .tile-content th,
  .tile-content td,
  .article-html th,
  .article-html td {
    overflow-wrap: anywhere;
  }
}

.center-logo {position: relative; z-index: 10; display: flex; justify-content: center; padding: 4.25rem 5vw 0; overflow: visible;}
.center-logo a {display:flex;align-items:center;justify-content:center;width:min(100%,340px);height:108px;overflow:hidden;transition:opacity 0.3s cubic-bezier(0.16,1,0.3,1);margin-top:0}
.center-logo a:hover {opacity:0.75}
.center-logo picture {display:flex;align-items:center;justify-content:center;width:100%}
.center-logo img {width:100%;max-width:none;height:auto;transform:none}
@media (max-width: 640px){.center-logo{padding:3.6rem 5vw 0}.center-logo a{width:min(88vw,280px);height:84px;margin-top:0}.center-logo img{transform:none}}

.chat {
    --chat-footer-lift: 0px;
    transform: translate(-50%, calc(-1 * var(--chat-footer-lift))) !important;
    transition: transform 0.2s cubic-bezier(0.16,1,0.3,1);
  }

/* transition dla plynnego chowania/pokazywania */
.bc-nav {
  transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), opacity 0.25s ease;
  will-change: transform;
}
.center-logo {
  transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), opacity 0.25s ease;
  will-change: transform;
}
/* stan ukryty – scroll w dół */
body.header-scroll-down .bc-nav,
body.header-scroll-down .center-logo {
  transform: translateY(-150%);
  opacity: 0;
  pointer-events: none;
}