@font-face {
  font-family: "Lato";
  src: url("../fonts/lato-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/lato-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/lato-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Conv_MONTSERRAT-LIGHT";
  /* Live webfont (newtempl/fonts/MONTSERRAT-LIGHT.woff, the file live browsers load), self-hosted. */
  src: url("../fonts/montserrat-light-conv.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --kbr-page: #f3f0ed;
  --kbr-gold: #ce9d2c;
  --kbr-gold-hover: #bc902f;
  --kbr-navy: #051e41;
  --kbr-text: #535353;
  --kbr-strong: #404040;
  --kbr-line: #e3dfdb;
  --kbr-muted: #8a8a8a;
  --kbr-content: 1160px;
}

body {
  background: var(--kbr-page);
  color: var(--kbr-text);
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: var(--kbr-strong);
  letter-spacing: 0;
}

h2 { font-family: "Lato", sans-serif; }

a {
  color: var(--kbr-gold);
  text-decoration-thickness: 1px;
}

a:hover,
a:focus {
  color: var(--kbr-gold-hover);
}

/* Header (live parity, measured 2026-10-22, docs/header-parity.md): sticky bar on every page,
   5px gold top rule; beige on the home view until scrollY > 200 (user.js adds .kbr-scrolled),
   navy with a 1px gold bottom line everywhere else and when scrolled. */
header.container-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0.85rem max(0.75rem, calc((100% - var(--kbr-content)) / 2)) 0.7rem;
  background-color: var(--kbr-page);
  background-image: none;
  color: #525252;
  border-top: 5px solid var(--kbr-gold);
  box-shadow: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 0.75rem;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}

body:not(.view-featured) header.container-header,
body.view-featured header.container-header.kbr-scrolled {
  background-color: var(--kbr-navy);
  color: #fff;
  border-bottom: 1px solid var(--kbr-gold);
}

header.container-header.kbr-unfixed {
  position: relative !important;
}

header.container-header > .container-topbar,
header.container-header > .container-below-top {
  grid-column: 1 / -1;
  max-width: var(--kbr-content);
  margin-inline: auto;
}

header.container-header > .grid-child {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

header.container-header > .grid-child:not(.container-nav) {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
}

header.container-header > .container-nav {
  display: contents;
}

header.container-header nav:has(.kbr-menu-left) {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  align-self: center;
  margin: 0;
  padding: 0;
}

header.container-header nav:has(.kbr-menu-right) {
  grid-column: 3;
  grid-row: 2;
  justify-self: stretch;
  align-self: center;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
}

header.container-header .container-search {
  grid-column: 3;
  grid-row: 2;
  justify-self: end;
  align-self: center;
  z-index: 2;
  margin: 0;
  color: inherit;
}

header.container-header .navbar-brand {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: inherit;
}

header.container-header .brand-logo,
header.container-header .brand-logo:hover {
  color: inherit;
}

header.container-header .brand-logo img {
  display: block;
  width: 264px;
  height: 132px;
  object-fit: contain;
  max-width: none;
  max-height: none;
}

header.container-header .navbar-toggler {
  color: inherit;
  border-color: currentColor;
}

header.container-header a,
header.container-header a:hover,
header.container-header a:focus,
header.container-header .mod-menu > li > a,
header.container-header .mod-menu > li > span,
header.container-header .mod-menu > li.active > a,
header.container-header .mod-menu > li.current > a {
  color: inherit;
  text-decoration: none;
}

header.container-header .mod-menu.metismenu > li.metismenu-item {
  margin: 0;
  padding: 0;
}

header.container-header .mod-menu {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  list-style: none;
}

header.container-header .mod-menu > li > a,
header.container-header .mod-menu > li > span,
header.container-header .kbr-search-toggle {
  font-family: "Conv_MONTSERRAT-LIGHT", "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Search (live parity, docs/header-parity.md): "SZUKAJ" toggles a 66px gold panel under the bar
   (live .search/.piramida) holding the Smart Search form; user.js sets aria-expanded/hidden,
   focuses the field, closes on the X button and on Esc. */
header.container-header .kbr-search {
  display: flex;
  margin: 0;
  color: inherit;
}

header.container-header .kbr-search-toggle {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

header.container-header .kbr-search-toggle::before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  /* search.png alpha peaks at 60%; three stacked layers give the solid glyph look of live. */
  -webkit-mask: url("../images/search.png") center / contain no-repeat, url("../images/search.png") center / contain no-repeat, url("../images/search.png") center / contain no-repeat;
  mask: url("../images/search.png") center / contain no-repeat, url("../images/search.png") center / contain no-repeat, url("../images/search.png") center / contain no-repeat;
}

header.container-header .kbr-search-toggle:focus-visible {
  outline: 2px solid var(--kbr-gold);
  outline-offset: 2px;
}

header.container-header .kbr-search-panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  box-sizing: border-box;
  height: 66px;
  padding: 0 max(15px, calc((100% - var(--kbr-content)) / 2));
  background-color: var(--kbr-gold);
  color: #fff;
}

header.container-header .kbr-search-panel[hidden] {
  display: none;
}

/* live slideToggle: overflow hidden only while sliding (the pyramid pokes above the panel) */
header.container-header .kbr-search-panel.kbr-search-sliding {
  overflow: hidden;
}

header.container-header .kbr-search-inner {
  position: relative;
  height: 66px;
  margin: 0 -15px;
}

header.container-header .kbr-search-piramida {
  position: absolute;
  top: -29px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid var(--kbr-gold);
}

header.container-header .kbr-search .mod-finder {
  display: block;
  margin: 0;
}

header.container-header .kbr-search .inputsearch {
  display: block;
  box-sizing: border-box;
  width: calc((100% - 15px) * 0.91);
  height: 65px;
  margin: 1px 0 0 8px;
  padding: 1px 2px;
  border: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: normal;
  text-transform: none;
}

header.container-header .kbr-search .inputsearch::placeholder {
  color: #fff;
  opacity: 1;
}

header.container-header .kbr-search-submit,
header.container-header .kbr-search-palka,
header.container-header .kbr-search-close {
  position: absolute;
  top: 21px;
  display: block;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent center / 25px 25px no-repeat;
}

header.container-header .kbr-search-submit {
  right: 60px;
  background-image: url("../images/szukaj.svg");
  cursor: pointer;
}

header.container-header .kbr-search-palka {
  right: 35px;
  background-image: url("../images/palka.png");
}

header.container-header .kbr-search-close {
  right: 10px;
  background-image: url("../images/close.svg");
  cursor: pointer;
}

header.container-header .kbr-search-submit:focus-visible,
header.container-header .kbr-search-close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (max-width: 767.98px) {
  header.container-header .kbr-search-piramida {
    display: none;
  }
}

@media (min-width: 992px) {
  header.container-header {
    display: flex;
    align-items: flex-start;
    min-height: 0;
    padding: 0 max(0.75rem, calc((100% - var(--kbr-content)) / 2));
  }

  header.container-header nav:has(.kbr-menu-left) {
    order: 0;
    align-self: flex-start;
  }

  header.container-header > .grid-child:not(.container-nav) {
    order: 1;
    margin-inline: auto;
  }

  header.container-header nav:has(.kbr-menu-right) {
    order: 2;
    align-self: flex-start;
  }

  header.container-header .container-search {
    order: 3;
    align-self: flex-start;
    margin: 45px -15px 0 45px;
  }

  header.container-header .kbr-search-toggle {
    padding: 10px 25px 10px 0;
  }

  header.container-header .navbar-toggler {
    display: none;
  }

  header.container-header .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  header.container-header .mod-menu {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }

  header.container-header .mod-menu > li > a,
  header.container-header .mod-menu > li > span {
    display: block;
    margin: 45px 0;
    padding: 10px 25px 10px 0;
  }

  header.container-header .mod-menu > li::after,
  header.container-header .metismenu > li > a::after,
  header.container-header .metismenu > li > button::before {
    content: none;
  }
}

/* OI-84 (Codex r1 P2): the -15px right bleed only fits once the header gutter is >= 15px (client width >= 1190px).
   Below that it overflowed by 3 px (1180) to 15 px (1024). Cut at 1210px so a 17 px desktop scrollbar is covered;
   >= 1210px is unchanged. */
@media (min-width: 992px) and (max-width: 1209.98px) {
  header.container-header .container-search {
    margin-right: 0;
  }
}

/* Mobile: full logo at 55% width, one gold three-bar toggle at the right (the right menu's;
   its open state also shows the left menu), open menu = centred gold items with short gold
   separators and "SZUKAJ" last; user.js un-sticks the bar when the open menu is as tall as the window. */
@media (max-width: 991.98px) {
  /* Cassiopeia sets position: relative !important on .container-header below 992px. */
  header.container-header {
    position: sticky !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 132px;
    padding: 0;
  }

  header.container-header > .grid-child:not(.container-nav) {
    order: 0;
    display: block;
    flex: 1 1 100%;
    height: 125px;
    text-align: center;
  }

  header.container-header .navbar-brand {
    display: block;
    width: 100%;
  }

  header.container-header .brand-logo {
    display: inline-block;
    width: 56.25%;
  }

  header.container-header .brand-logo img {
    width: 100%;
    height: auto;
  }

  header.container-header nav:has(.kbr-menu-left),
  header.container-header nav:has(.kbr-menu-right) {
    position: static;
    flex: 1 1 100%;
    display: block;
    margin: 0;
    padding: 0;
  }

  header.container-header nav:has(.kbr-menu-left) {
    order: 1;
  }

  header.container-header nav:has(.kbr-menu-right) {
    order: 2;
  }

  header.container-header nav:has(.kbr-menu-left) .navbar-toggler {
    display: none;
  }

  header.container-header nav:has(.kbr-menu-right) .navbar-toggler {
    position: absolute;
    top: 30px;
    right: 15px;
    z-index: 10;
    width: 60px;
    height: 57px;
    margin: 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  header.container-header .navbar-toggler:focus-visible {
    outline: 2px solid var(--kbr-gold);
    outline-offset: -2px;
  }

  header.container-header .navbar-toggler .icon-menu,
  header.container-header .navbar-toggler .icon-menu::before,
  header.container-header .navbar-toggler .icon-menu::after {
    display: block;
    width: 40px;
    height: 3px;
    background-color: var(--kbr-gold);
    transition: all 0.3s ease-out;
  }

  header.container-header .navbar-toggler .icon-menu {
    position: absolute;
    top: 23px;
    left: 10px;
    margin: 0;
  }

  header.container-header .navbar-toggler .icon-menu::before,
  header.container-header .navbar-toggler .icon-menu::after {
    content: "";
    position: absolute;
    left: 0;
  }

  header.container-header .navbar-toggler .icon-menu::before {
    top: -13px;
  }

  header.container-header .navbar-toggler .icon-menu::after {
    top: 13px;
  }

  header.container-header .navbar-toggler[aria-expanded="true"] .icon-menu {
    background-color: transparent;
  }

  header.container-header .navbar-toggler[aria-expanded="true"] .icon-menu::before {
    top: 0;
    transform: rotate(-45deg);
  }

  header.container-header .navbar-toggler[aria-expanded="true"] .icon-menu::after {
    top: 0;
    transform: rotate(45deg);
  }

  header.container-header .navbar-collapse:not(.show):not(.collapsing) {
    display: none;
  }

  header.container-header:has(#navbar172.show, #navbar172.collapsing) #navbar171 {
    display: block;
    padding-top: 40px;
  }

  header.container-header .mod-menu.metismenu > li.metismenu-item {
    display: block;
  }

  header.container-header .navbar-collapse .mod-menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    text-align: center;
  }

  header.container-header .mod-menu > li > a,
  header.container-header .mod-menu > li > span {
    display: block;
    color: var(--kbr-gold);
    font-size: 19px;
  }

  header.container-header .kbr-search-toggle {
    color: var(--kbr-gold);
    font-size: 19px;
  }

  header.container-header .kbr-menu-left > li + li > a::before,
  header.container-header .kbr-menu-right > li > a::before {
    content: "";
    display: block;
    width: 8.33%;
    height: 3px;
    margin: 22px auto;
    background: var(--kbr-gold-hover);
  }

  header.container-header .container-nav .container-search,
  header.container-header .container-nav nav {
    margin: 0;
  }

  header.container-header .container-search {
    order: 3;
    flex: 1 1 100%;
    display: none;
    justify-content: center;
    padding: 101px 0 73px;
    color: var(--kbr-gold);
  }

  header.container-header:has(#navbar172.show, #navbar172.collapsing) .container-search {
    display: flex;
  }

  header.container-header .kbr-search-toggle::before {
    width: 17px;
    height: 17px;
  }
}

/* Content grid. Outer tracks stay at 0 so "full" positions match the 1160px column. */
@supports (display: grid) {
  body .site-grid {
    width: min(var(--kbr-content), calc(100% - 1.5rem));
    margin: 0 auto;
    background: #fff;
    grid-template-columns:
      [full-start] 0
      [main-start] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      [main-end] 0
      [full-end];
    grid-template-areas:
      "banner banner banner banner banner banner"
      "top-a top-a top-a top-a top-a top-a"
      "top-b top-b top-b top-b top-b top-b"
      "comp comp comp comp comp comp"
      "side-r side-r side-r side-r side-r side-r"
      "side-l side-l side-l side-l side-l side-l"
      "bot-a bot-a bot-a bot-a bot-a bot-a"
      "bot-b bot-b bot-b bot-b bot-b bot-b";
  }
}

@media (min-width: 768px) {
  body .site-grid {
    grid-template-areas:
      ". banner banner banner banner ."
      ". top-a top-a top-a top-a ."
      ". top-b top-b top-b top-b ."
      ". comp comp comp comp ."
      ". side-r side-r side-r side-r ."
      ". side-l side-l side-l side-l ."
      ". bot-a bot-a bot-a bot-b .";
  }
}

@media (min-width: 992px) {
  body .site-grid,
  body.wrapper-static .site-grid,
  body.wrapper-fluid .site-grid {
    column-gap: 0;
    /* OI-84 (Rafał 2026-10-28): 13:13:13:19 = 260:260:260:380 at the 1160px container (20px per fr),
       shrinking proportionally below a 1184px viewport; fixed px tracks overflowed the 1000px grid at 1024. */
    grid-template-columns:
      [full-start] 0
      [main-start] minmax(0, 13fr) minmax(0, 13fr) minmax(0, 13fr) minmax(0, 19fr)
      [main-end] 0
      [full-end];
    grid-template-areas:
      ". banner banner banner banner ."
      ". top-a top-a top-a top-a ."
      ". top-b top-b top-b top-b ."
      ". side-l comp comp side-r ."
      ". bot-a bot-a bot-a bot-b .";
  }

  /* 780px main, 97px gap, 283px sidebar inside the 1160px container. */
  body .site-grid > .container-sidebar-right,
  body.wrapper-fluid .site-grid > .container-sidebar-right {
    box-sizing: border-box;
    padding-left: 97px;
    padding-right: 0;
  }
}

.container-sidebar-left,
.container-sidebar-right {
  width: auto;
  order: 0;
}

.container-component,
.container-sidebar-right,
.container-sidebar-left {
  padding-top: 1.25rem;
}

/* Hero and the edition card that overlaps its lower edge. */
.container-banner {
  display: flex;
  flex-direction: column;
  margin: 0 0 1.6rem;
  background: transparent;
}

.container-banner .kbr-hero {
  order: 1;
}

.container-banner .kbr-edition,
.container-banner .kbr-blocks {
  order: 2;
}

.kbr-hero img {
  display: block;
  width: 100%;
  height: auto;
}

.kbr-edition,
.container-banner .kbr-blocks {
  position: relative;
  z-index: 1;
  width: min(780px, calc(100% - 1.5rem));
  margin: -86px auto 0;
  padding: 28px 40px;
  background: #fff;
  text-align: center;
  border-top: 4px solid #ce9d2c;
  box-shadow: none;
}

.kbr-edition h3,
.container-banner .kbr-blocks h3 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #444;
  text-align: center;
}

.kbr-edition hr,
hr.kbr-rule {
  width: 82px;
  height: 3px;
  margin: 0.75rem auto 0.85rem;
  border: 0;
  background: var(--kbr-gold);
  opacity: 1;
}

.kbr-edition p,
.container-banner .kbr-blocks p {
  margin: 0.2rem 0;
  color: #8a8a8a;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
}

/* Laureate tabs. The checked radio shows one panel; inputs stay focusable. */
.container-top-b {
  background: var(--kbr-navy);
  color: #fff;
  box-shadow: 0 0 0 100vmax var(--kbr-navy);
  clip-path: inset(0 -100vmax);
}

.container-top-b > * {
  margin: 0;
}

.container-top-b .card,
.kbr-tabs,
.kbr-tab-panel {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}

.container-top-b .card-body {
  padding: 0.35rem 0.4rem 0.6rem;
  background: transparent;
  color: inherit;
}

.kbr-gala-tabs h3 {
  margin: 0;
  padding: 1.6rem 0.5rem 0.35rem;
  text-align: center;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.kbr-tab-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.15rem 0.35rem;
  margin: 0;
  padding: 0.85rem 0 0;
}

.kbr-tab-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.kbr-tab-label {
  display: inline-block;
  margin: 0;
  padding: 0.7rem 0.95rem 0.55rem;
  border-top: 3px solid transparent;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
  cursor: pointer;
}

.kbr-tab-input:checked + .kbr-tab-label {
  background: #fff;
  color: var(--kbr-navy);
  border-top-color: var(--kbr-gold);
}

.kbr-tab-input:focus-visible + .kbr-tab-label {
  outline: 2px solid var(--kbr-gold);
  outline-offset: 2px;
}

.kbr-tab-panel {
  display: none;
}

body:has(#kbr-tab-osoby:checked) .kbr-tab-panel-osoby,
body:has(#kbr-tab-firmy:checked) .kbr-tab-panel-firmy,
body:has(#kbr-tab-produkty:checked) .kbr-tab-panel-produkty {
  display: block;
}

.kbr-tab-panel .mod-articles-items,
.kbr-laureaci .mod-articles-items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.35rem 1rem;
  list-style: none;
  margin: 0;
  padding: 1.2rem 0.2rem 0.4rem;
}

.kbr-tab-panel .mod-articles-item-content,
.kbr-laureaci .mod-articles-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.35rem;
}

.kbr-tab-panel .item-image,
.kbr-laureaci .item-image {
  order: -1;
  margin: 0;
}

.kbr-tab-panel .item-image img,
.kbr-laureaci .item-image img {
  display: block;
  width: 132px;
  height: 132px;
  object-fit: cover;
  border: 3px solid var(--kbr-gold);
  border-radius: 50%;
  background: #fff;
}

.kbr-tab-panel .mod-articles-title,
.kbr-laureaci .mod-articles-title {
  margin: 0.35rem 0 0;
  font-family: "Montserrat", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.kbr-tab-panel .mod-articles-title,
.kbr-tab-panel .mod-articles-title a,
.kbr-laureaci .mod-articles-title,
.kbr-laureaci .mod-articles-title a {
  color: var(--kbr-gold);
  text-decoration: none;
}

.kbr-tab-panel .mod-articles-item-content p,
.kbr-laureaci .mod-articles-item-content p {
  margin: 0;
  color: #d5d8df;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.35;
}

.kbr-laureaci .mod-articles-item-content p {
  color: var(--kbr-muted);
}

.container-top-b .kbr-more {
  margin: 0.2rem 0 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  .kbr-tab-panel .mod-articles-items,
  .kbr-laureaci .mod-articles-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .kbr-tab-panel .mod-articles-items,
  .kbr-laureaci .mod-articles-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Home laureate band: tabs sit on the page, the navy band is full width. */
body.view-featured .container-top-b {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: transparent;
  box-shadow: none;
  clip-path: none;
  padding: 0;
}

body.view-featured .container-top-b > * {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
}

body.view-featured .kbr-tabs {
  align-self: flex-start;
  width: auto;
  background: transparent;
}

body.view-featured .kbr-tab-bar {
  justify-content: flex-start;
  padding: 0;
}

body.view-featured .kbr-tab-label {
  color: #8a8a8a;
  background: transparent;
  border-top: 4px solid transparent;
}

body.view-featured .kbr-tab-input:checked + .kbr-tab-label {
  background: var(--kbr-navy);
  color: #fff;
  border-top-color: var(--kbr-gold);
}

body.view-featured .kbr-tab-panel,
body.view-featured .kbr-tabs-more {
  background: var(--kbr-navy);
  color: #fff;
  box-shadow: 0 0 0 100vmax var(--kbr-navy);
  clip-path: inset(0 -100vmax);
}

body.view-featured .kbr-tab-panel {
  border-top: 3px solid var(--kbr-gold);
  padding: 50px 0 12px;
}

body.view-featured .kbr-tabs-more {
  padding: 8px 0 50px;
  text-align: center;
}

body.view-featured .kbr-tab-panel .mod-articles-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 1.1rem;
  padding: 0 0 0.4rem;
}

body.view-featured .kbr-tab-panel .mod-articles-items > li {
  flex: 0 1 210px;
  width: 210px;
  max-width: 240px;
}

body.view-featured .kbr-tab-panel .item-image img {
  width: 180px;
  height: 180px;
  border: 4px solid #ce9d2c;
}

body.view-featured .kbr-tab-panel-osoby .item-image img {
  border-radius: 50%;
}

body.view-featured .kbr-tab-panel .mod-articles-title,
body.view-featured .kbr-tab-panel .mod-articles-title a {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  color: #ce9d2c;
}

body.view-featured .kbr-tabs-more .kbr-btn,
body.view-featured .kbr-tabs-more a {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #d5d5d5;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0;
}

/* Home news and the category blog share one row shape. */
body.view-featured main .blog-featured,
body.view-featured .mod-breadcrumbs {
  display: none;
}

.kbr-news .card-body,
.kbr-laureaci .card-body {
  padding: 0;
  background: transparent;
}

.kbr-news,
.kbr-laureaci,
.kbr-news.card,
.kbr-laureaci.card {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.kbr-news .mod-articles-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kbr-news .mod-articles-items > li {
  position: relative;
  margin: 0;
  padding: 1.15rem 0 1.15rem 98px;
  border-bottom: 1px solid #e6e6e6;
}

.kbr-news .mod-articles-items > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 82px;
  height: 3px;
  transform: translateY(-50%);
  background: var(--kbr-gold);
}

.kbr-news .mod-articles-item-content {
  display: grid;
  grid-template-columns: 261px minmax(0, 1fr);
  column-gap: 1.15rem;
  align-items: center;
}

.kbr-news .item-image {
  grid-column: 1;
  grid-row: 1 / span 4;
  margin: 0;
}

.kbr-news .item-image img {
  display: block;
  width: 261px;
  max-width: 100%;
  height: 155px;
  object-fit: cover;
}

.kbr-news .mod-articles-item-content > :not(.item-image) {
  grid-column: 2;
}

.kbr-news .mod-articles-title {
  margin: 0 0 0.35rem;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
  color: #444;
}

.kbr-news .mod-articles-title a {
  color: #444;
  text-decoration: none;
}

.kbr-news .mod-articles-title a:hover {
  color: var(--kbr-navy);
}

.kbr-news .mod-articles-item-content p {
  margin: 0;
  color: #8a8a8a;
  font-size: 14px;
  font-weight: 300;
}

.page-header {
  border: 0;
  margin-bottom: 0.8rem;
  background: transparent;
}

.com-content-article,
.blog-item .item-content {
  font-weight: 300;
  color: var(--kbr-text);
}

.blog-items .blog-item {
  position: relative;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  column-gap: 1.15rem;
  align-items: start;
  margin: 0;
  padding: 1.15rem 0 1.15rem 3.2rem;
  border-bottom: 1px solid var(--kbr-line);
  background: transparent;
}

.blog-items .blog-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.45rem;
  width: 38px;
  height: 2px;
  background: var(--kbr-gold);
}

.blog-items .blog-item .item-image {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}

.blog-items .blog-item .item-image img {
  display: block;
  width: 170px;
  max-width: 100%;
  height: auto;
}

.blog-items .blog-item .item-content {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.blog-items .blog-item .page-header {
  margin: 0 0 0.35rem;
}

.blog-items .blog-item .page-header h2,
.blog-items .blog-item .page-header h2 a {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.35;
  color: var(--kbr-strong);
  text-transform: none;
  letter-spacing: 0;
  text-decoration: none;
}

.blog-items .blog-item .page-header h2 a:hover {
  color: var(--kbr-navy);
}

.pagination {
  justify-content: center;
  gap: 0.15rem;
}

.pagination .page-link {
  min-width: 2.15rem;
  border-radius: 0;
  border-color: var(--kbr-line);
  background: #fff;
  color: var(--kbr-text);
  text-align: center;
  box-shadow: none;
}

.pagination li.active .page-link,
.pagination .page-item.active .page-link {
  background: var(--kbr-gold);
  border-color: var(--kbr-gold);
  color: #fff;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
  background: #fff;
  border-color: var(--kbr-gold);
  color: var(--kbr-gold);
}

.pagination li.active .page-link:hover,
.pagination li.active .page-link:focus {
  background: var(--kbr-gold);
  color: #fff;
}

/* Article */
.com-content-article .page-header {
  text-align: center;
}

.com-content-article .page-header h1,
.com-content-article .page-header h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 2.45rem;
  line-height: 1.2;
  color: #535353;
}

.article-info-term {
  display: none;
}

.article-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem 0.75rem;
  margin: 0 0 1rem;
  font-size: 0.78rem;
  color: var(--kbr-muted);
}

.article-info dd {
  margin: 0;
}

.com-content-article .item-image {
  margin: 0 0 1.2rem;
}

.com-content-article .item-image img,
.com-content-article__body img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.mod-breadcrumbs,
.mod-breadcrumbs .breadcrumb,
.mod-breadcrumbs a,
.breadcrumb,
.breadcrumb a {
  background: transparent;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  font-weight: 300;
  color: var(--kbr-muted);
}

.btn,
.kbr-btn,
.readmore .btn {
  display: inline-block;
  background: transparent;
  border: 2px solid var(--kbr-gold);
  border-radius: 0;
  box-shadow: none;
  color: var(--kbr-gold);
  font-family: "Montserrat", sans-serif;
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.45rem 0.9rem;
}

.btn:hover,
.btn:focus,
.kbr-btn:hover,
.kbr-btn:focus,
.readmore .btn:hover,
.readmore .btn:focus {
  background: transparent;
  border-color: var(--kbr-gold-hover);
  color: var(--kbr-gold-hover);
}

.kbr-more {
  margin: 1.3rem 0 0.4rem;
  text-align: center;
}

/* Sidebar */
.container-sidebar-right .card,
.sidebar-right.card,
.kbr-side {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.container-sidebar-right .card-body {
  padding: 0.2rem 0 0.8rem;
  background: transparent;
}

.container-sidebar-right .card-header,
.container-sidebar-right .card-title,
.sidebar-right .card-header,
.sidebar-right .card-title {
  background: transparent;
  border: 0;
  border-top: 2px solid var(--kbr-gold);
  border-radius: 0;
  margin: 0 0 0.6rem;
  padding: 0.55rem 0 0.35rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--kbr-navy);
}

.kbr-magazine img {
  display: block;
  width: 100%;
  height: auto;
}

.kbr-magazine p {
  margin: 0.45rem 0;
  color: var(--kbr-muted);
  font-size: 0.82rem;
  text-align: center;
}

.kbr-interviews h3 {
  position: relative;
  margin: 1.35rem 0 0.85rem;
  padding: 0 0 0.55rem;
  text-align: center;
  color: var(--kbr-strong);
  font-size: 0.95rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.kbr-interviews h3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--kbr-gold);
}

a.kbr-video {
  position: relative;
  display: block;
  margin: 0 0 0.35rem;
}

a.kbr-video img {
  display: block;
  width: 100%;
  max-width: 276px;
  height: 155px;
  object-fit: cover;
  margin-inline: auto;
}

.kbr-interview-scroll {
  max-height: 430px;
  overflow-y: auto;
}

.kbr-interviews .kbr-more {
  border-top: 3px solid var(--kbr-gold);
  margin-top: 0.85rem;
  padding-top: 0.85rem;
}

.kbr-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 34px;
  transform: translate(-50%, -50%);
  background: url("../images/img/youtube-play.png") center bottom / 48px 69px no-repeat;
}

.kbr-small {
  margin: 0 0 0.85rem;
  color: var(--kbr-muted);
  font-size: 0.78rem;
  text-align: center;
}

.kbr-side-news .mod-articles-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kbr-side-news .mod-articles-items > li {
  margin: 0;
  padding: 0.45rem 0;
  border-bottom: 1px solid var(--kbr-line);
}

.kbr-side-news .item-image {
  display: none;
}

.kbr-side-news .mod-articles-title {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.35;
}

.kbr-side-news .mod-articles-title a {
  color: var(--kbr-strong);
  text-decoration: none;
}

/* One navy band: organiser, two gold menu columns, grey copyright, gold bar. */
.container-bottom-a,
.container-bottom-b {
  background: var(--kbr-navy);
  color: #fff;
  box-shadow: 0 0 0 100vmax var(--kbr-navy);
  clip-path: inset(0 -100vmax);
  padding: 2rem 0.4rem 0.6rem;
}

.container-bottom-a { clip-path: inset(0 0 0 -100vmax); }
.container-bottom-b { clip-path: inset(0 -100vmax 0 0); }

.container-bottom-a > *,
.container-bottom-b > * {
  margin: 0;
}

.container-bottom-a .card,
.container-bottom-b .card,
.kbr-org,
.kbr-footer-menu {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}

.container-bottom-a .card-body,
.container-bottom-b .card-body {
  padding: 0;
  background: transparent;
  color: inherit;
}

@media (min-width: 768px) {
  .container-bottom-a {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(7.5rem, 0.8fr);
    column-gap: 1.25rem;
    align-items: start;
  }
}

.kbr-org img {
  display: block;
  width: min(220px, 100%);
  height: auto;
  margin-bottom: 0.8rem;
}

.kbr-org p,
.kbr-org address {
  margin: 0.12rem 0;
  color: #fff;
  font-style: normal;
  font-size: 0.92rem;
  line-height: 1.45;
}

.kbr-org strong {
  color: #fff;
  font-weight: 700;
}

.kbr-org a {
  color: #fff;
  text-decoration: underline;
}

.kbr-org .kbr-small {
  margin-top: 0.45rem;
  color: #c8c8c8;
  font-size: 11px;
  text-align: left;
}

.kbr-footer-menu .mod-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kbr-footer-menu .mm-collapse {
  display: block !important;
  height: auto !important;
  overflow: visible;
}

.kbr-footer-menu .mod-menu .parent > button,
.kbr-footer-menu .mod-menu .mm-toggler {
  display: none;
}

.kbr-footer-menu .mod-menu a,
.kbr-footer-menu .mod-menu > li > span {
  color: var(--kbr-gold);
  font-family: "Montserrat", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.45;
  text-decoration: none;
  text-transform: uppercase;
}

.kbr-footer-menu .mod-menu ul {
  list-style: none;
  margin: 0.15rem 0 0.7rem;
  padding: 0;
}

.kbr-footer-menu .mod-menu ul a {
  color: #c5c5c5;
  font-family: "Lato", sans-serif;
  font-size: 0.88rem;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
}

.kbr-footer-menu .mod-menu a:hover,
.kbr-footer-menu .mod-menu a:focus {
  color: #fff;
}

footer.container-footer {
  background: var(--kbr-navy);
  color: #fff;
  margin: 0;
  padding: 0;
}

footer.container-footer .grid-child {
  width: min(var(--kbr-content), calc(100% - 1.5rem));
  max-width: var(--kbr-content);
  margin-inline: auto;
  padding: 0.35rem 0 0;
}

.kbr-copyright-line {
  margin: 0 0 0.85rem auto;
  max-width: 46%;
  color: #bdbdbd;
  font-size: 11px;
  font-weight: 300;
  text-align: right;
}

.kbr-goldbar {
  width: 100vw;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 0.55rem 1rem;
  box-sizing: border-box;
  background: var(--kbr-gold);
  color: #404040;
  font-family: "Montserrat", sans-serif;
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  .kbr-edition {
    width: calc(100% - 1.25rem);
    margin-top: -2.4rem;
    padding: 1.1rem 0.9rem;
  }

  .kbr-gala-tabs h3 {
    font-size: 1.45rem;
    letter-spacing: 0.12em;
  }

  .kbr-news .mod-articles-item-content,
  .blog-items .blog-item {
    grid-template-columns: 1fr;
    row-gap: 0.7rem;
    padding-left: 0;
  }

  .kbr-news .mod-articles-items > li {
    padding-left: 0;
  }

  .kbr-news .mod-articles-items > li::before,
  .blog-items .blog-item::before {
    position: static;
    display: block;
    margin: 0 0 0.45rem;
  }

  .kbr-news .item-image,
  .kbr-news .mod-articles-item-content > :not(.item-image),
  .blog-items .blog-item .item-image,
  .blog-items .blog-item .item-content {
    grid-column: 1;
    grid-row: auto;
  }

  .kbr-news .item-image img,
  .blog-items .blog-item .item-image img {
    width: 100%;
  }

  .com-content-article .page-header h1,
  .com-content-article .page-header h2 {
    font-size: 1.7rem;
  }

  .kbr-copyright-line {
    max-width: none;
    text-align: left;
  }

  .container-component,
  .container-sidebar-right {
    padding-top: 0.8rem;
  }
}

input.inputsearch::-webkit-input-placeholder {
  color: #fff;
}

input.inputsearch::-moz-placeholder {
  color: #fff;
}

input.inputsearch:-moz-placeholder {
  color: #fff;
}

input.inputsearch:-ms-input-placeholder {
  color: #fff;
}

.gala-navbar {
  border-bottom-width: 5px;
  border-left: none;
  border-right: none;
  border-top-width: 5px;
  padding-top: 110px;
  padding-bottom: 100px;
  background-color: #FAF9F8;
}

@media (max-width: 1196px) {
  .gala-navbar {
    background-color: #f3f0ed;
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

.laureaci-navbar {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top-width: 5px;
  padding-top: 50px;
  padding-bottom: 100px;
}

.withbotom5px {
  border-bottom: 5px solid #ce9d2c;
}

@media (max-width:1196px) {
  .myoffset > .act-block-link > img {
    width: 100%;
  }
}

a.pathway,
a.pathway:focus,
a.pathway:hover {
  color: #404040;
}

.nav-laureaci {
  border-bottom: none;
  position: relative;
  bottom: -10px;
  display: inline-block;
}

.nav-laureaci > li {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  text-align: center;
  border-left: none;
  border-right: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

@media (max-width: 1196px) {
  .laurcenter {
    text-align: center;
  }
}

.nav-laureaci > li > a,
.nav-laureaci > li > a:hover,
.nav-laureaci > li > a:focus {
  border-radius: 0px;
  border-top: 5px solid #fff;
  background-color: #fff;
  color: #727272;
  padding: 10px 15px;
}

.nav-laureaci > li.active > a,
.nav-laureaci > li.active > a:hover,
.nav-laureaci > li.active > a:focus {
  border-top: 5px solid #ce9d2c;
  background-color: #051e41;
  color: #fff;
  z-index: 10;
  padding: 10px 15px;
  border-left: none;
  border-right: none;
}

@media (max-width: 361px) {
  .nav-laureaci > li > a,
  .nav-laureaci > li > a:hover,
  .nav-laureaci > li > a:focus,
  .nav-laureaci > li.active > a,
  .nav-laureaci > li.active > a:hover,
  .nav-laureaci > li.active > a:focus {
    padding: 10px 10px;
    font-size: 12px;
  }
}

.nav-laureaci.nocolor > li.active > a,
.nav-laureaci.nocolor > li.active > a:hover,
.nav-laureaci.nocolor > li.active > a:focus {
  color: #727272;
  background-color: #FAF9F8;
}

@media (max-width: 1196px) {
  .nav-laureaci.nocolor.gala-laureaci > li.active > a,
  .nav-laureaci.nocolor.gala-laureaci > li.active > a:hover,
  .nav-laureaci.nocolor.gala-laureaci > li.active > a:focus {
    background-color: #f3f0ed;
  }
}

.nav-laureaci.tran > li > a,
.nav-laureaci.tran > li > a:hover,
.nav-laureaci.tran > li > a:focus {
  background-color: #f3f0ed;
  border-top-color: transparent;
}

.nav-laureaci.tran > li.active > a,
.nav-laureaci.tran > li.active > a:hover,
.nav-laureaci.tran > li.active > a:focus {
  background-color: #fff;
  border-top-color: #ce9d2c;
  color: #727272;
}

p.text-laureacimenu-name {
  padding-top: 15px;
  text-transform: uppercase;
  color: #ce9d2c;
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.1em;
}

.text-laureacimenu-deskr {
  margin-top: -7px;
  color: #a2a2a2;
  font-size: 14px;
  font-family: "Lato";
  font-weight: 300;
  text-align: center;
  line-height: 1.4em;
}

.laureacimenu-all {
  width: 100%;
  text-align: center;
  clear: both;
  padding: 10px;
}

a.laureacimenu-all-link,
a.laureacimenu-all-link:hover {
  text-decoration: none;
  color: #565e70;
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

input.inputsearch {
  border: none;
  background-color: inherit;
  color: #fff;
  vertical-align: middle;
  height: 65px;
  width: 91%;
  font-size: 26px;
  font-family: "Lato";
  font-weight: 300;
  float: left;
}

.miniimg {
  width: 260px;
  height: 155px;
  background-size: cover;
}

.container-full {
  width: 100%;
}

.speztop {
  width: 100%;
  background-color: #f3f0ed;
  margin-top: -10px;
}

.creatorlaur {
  text-align: center;
  vertical-align: middle;
  margin-top: 100px;
  background-size: contain;
  background-image: url("../images/laury.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
}

.centopis {
  background-color: #fff;
  width: 100%;
  font-size: 14px;
  font-family: "Lato";
  font-weight: 300;
  padding: 30px 30px 60px;
  border-top: 5px solid #ce9d2c;
  position: relative;
  top: -85px;
  z-index: 10;
  margin-bottom: -85px;
  letter-spacing: 0.05em;
  line-height: 20px;
}

@media (max-width:1196px) {
  .centopis {
    top: 0px;
    border-top: none;
    padding: 25px 0px 25px 0px;
    margin-bottom: 0px;
  }

  .centopis-gala {
    background-color: transparent;
  }
}

.centopis-gala h3 {
  text-align: center;
}

.centopis-gala hr {
  height: 3px;
  size: 3px;
  width: 82px;
  color: #ce9d2c;
  border-top: 3px solid #ce9d2c;
}

.centopis-gala p {
  text-align: center;
}

.border-1 {
  width: 83px;
  height: 3px;
  background-color: #ce9d2c;
}

.news_pubday {
  font-size: 21px;
  font-family: "Montserrat";
  font-weight: 400;
  text-align: center;
  padding: 10px;
  margin-bottom: 0px;
}

.news_pubdate {
  font-size: 14px;
  font-family: "Lato";
  font-weight: 300;
  text-align: center;
  margin-top: 4px;
}

a.news_title,
a.news_title:hover,
a.news_title:focus {
  color: rgb(83, 83, 83);
}

.news_title {
  font-size: 21px;
  font-family: "Montserrat";
  font-weight: 400;
  color: rgb(83, 83, 83);
}

.news_text {
  font-size: 16px;
  font-family: "Lato";
  font-weight: 300;
  line-height: 22px;
}

.news {
  border-bottom: 1px solid #e9e9e9;
  vertical-align: middle;
  padding: 35px 0px;
}

@media (max-width:1196px) {
  .news {
    margin-left: -15px;
    margin-right: -15px;
  }

  .news:nth-child(even) {
    background-color: #f3f0ed;
  }

  .news_title {
    font-size: 16px;
  }

  .news_text {
    font-size: 14px;
  }
}

@media (min-width:1197px) {
  .news1 {
    width: 12.5%;
    float: left;
    padding-right: 15px;
  }

  .news2 {
    padding-right: 15px;
    width: 38%;
    min-width: 260px;
    float: left;
  }

  .news3 {
    min-width: 250px;
    float: left;
    width: 49%;
  }
}

.news_date_mobile {
  font-size: 12px;
  font-family: "Montserrat";
  font-weight: 400;
  color: #ce9d2c;
}

@media (max-width: 450px) {
  .news {
    padding: 35px;
  }
}

input.input-xlarge,
textarea.input-xlarge {
  width: 25%;
  margin: 0px 0px;
  height: 35px;
  background-color: #f2f2f2;
  border: none;
  font-size: 14px;
  font-family: "Conv_MONTSERRAT-LIGHT";
  color: rgb(83, 83, 83);
  position: absolute;
  right: 0px;
  padding-left: 10px;
  padding-top: 0px;
  background: #f2f2f2 url("../images/szukaj_g.svg") no-repeat 97% 50%;
  background-size: 20px 20px;
}

.page-title-text {
  position: relative;
  margin-bottom: 25px;
  font-size: 32px;
}

.bottom-fix.kont-page {
  margin-bottom: 35px;
}

.page-title-text:after {
  border-bottom: 5px solid #ce9d2c;
  content: "";
  display: block;
  position: absolute;
  width: 83px;
  bottom: -10px;
}

.gala_topbalck {
  font-size: 68px;
  font-family: "Montserrat";
  font-weight: 400;
  text-align: center;
  color: #535353;
}

.gala-top-gold {
  font-size: 42px;
  font-family: "Montserrat";
  font-weight: 700;
  text-align: center;
  color: #ce9d2c;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.forgalafix {
  margin-top: 60px;
  margin-bottom: 30px;
}

.gala-top-background {
  background-color: #f3f0ed;
  width: 100%;
  padding-bottom: 30px;
}

.text_LAUREACI {
  font-size: 42px;
  font-family: "Lato";
  font-weight: 700;
  text-align: center;
  margin-top: 60px;
  letter-spacing: 0.3em;
}

.text_LAUREACI_year {
  font-size: 26px;
  font-family: "Lato";
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2em;
}

.text_fotorelacja {
  text-transform: uppercase;
  font-size: 42px;
  font-family: "Lato";
  font-weight: 700;
  text-align: center;
  margin: 40px 0px;
  letter-spacing: 0.1em;
}

.gala-galery-fix {
  padding-bottom: 15px;
  padding-bottom: 15px;
}

h3.title-for-gala {
  font-family: "Lato";
  font-weight: 700;
}

@media (max-width: 1196px) {
  .gala_topbalck {
    font-size: 34px;
  }

  .gala-top-gold {
    font-size: 21px;
  }

  h3.title-for-gala {
    font-size: 19px !important;
  }

  .forgalafix {
    margin-top: 30px;
  }

  .gala-top-background {
    padding-bottom: 0px;
  }

  .text_LAUREACI {
    font-size: 34px;
    margin-top: 25px;
  }

  .text_LAUREACI_year {
    font-size: 21px;
    margin-bottom: 20px;
  }

  .text_fotorelacja {
    font-size: 34px;
  }
}

.laureaci-title {
  font-size: 23px;
  font-family: "Montserrat";
  font-weight: 400;
  color: #ce9d2c;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.laureaci-title-deskr {
  font-size: 16px;
  font-family: "Lato";
  font-weight: 300;
  color: #000;
}

.divcenter {
  margin: 30px auto;
}

.gala_author {
  margin: 30px 0 30px calc(50% + 15px);
  font-size: 16px;
  font-family: "Lato";
  font-weight: 300;
  color: #ce9d2c;
}

.datatyle {
  margin: 7px 0px 20px 0px;
}

.text_kreator_roku {
  font-size: 42px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.2em;
  color: #535353;
}

.text_god_roku {
  font-size: 34px;
  font-family: "Montserrat";
  font-weight: 400;
  color: #ce9d2c;
  margin-top: 15px;
}

.h3_kreator {
  text-transform: uppercase;
  color: #ce9d2c;
  padding-top: 30px;
  padding-bottom: 0px;
  letter-spacing: 0.1em;
}

.text_kreatorrokutitle a {
  color: #ce9d2c;
  font-weight: 500;
  font-family: "Montserrat";
}

@media (max-width:1197px) {
  .text_kreator_roku {
    font-size: 42px;
  }

  .text_god_roku {
    font-size: 26px;
  }

  .h3_kreator {
    font-size: 21px !important;
  }
}

@media (max-width: 1197px) {
  .text_kreator_roku {
    font-size: 32px;
  }

  .text_god_roku {
    font-size: 21px;
  }

  .h3_kreator {
    font-size: 18px !important;
  }
}

.text_actualnosti {
  font-size: 24px;
  font-family: "Montserrat";
  font-weight: 400;
  margin: 10px 0px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.act-block {
  border-top: 5px solid #ce9d2c;
  border-left: none;
  border-right: none;
  font-size: 14px;
  font-family: "Lato";
  font-weight: 700;
  margin: 0px 0px 20px 0px;
  text-align: center;
}

a.act-block-link {
  color: rgb(83, 83, 83);
}

@media (max-width: 1197px) {
  .text_actualnosti {
    padding-bottom: 40px;
    padding-top: 50px;
    font-size: 34px;
  }

  .act-block {
    border-top: none;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid #dfdddb;
    border-bottom: 1px solid #dfdddb;
    margin: 0px;
  }

  .act-block:nth-child(even) {
    background-color: #fff;
  }
}

.withtop5px {
  border-top: 5px solid #ce9d2c;
  margin: 10px 0px;
  text-align: center;
}

@media (max-width: 1197px) {
  .withtop5px {
    border-top: none;
  }
}

.icons-bar {
  margin: 70px -15px 0px -15px;
  padding: 0px;
  height: 100%;
  overflow-y: hidden;
}

.icons-div {
  width: 17.5%;
  height: 305px;
  display: block;
  vertical-align: top;
  margin: 0px 1.229%;
  letter-spacing: 0.05em;
  float: left;
  text-align: center;
}

.tofirma {
  padding-top: 70px;
  position: relative;
  margin-top: -70px;
  margin-bottom: 70px;
}

.tofirma:before {
  content: "";
  display: block;
  width: 83px;
  height: 2px;
  background: #ce9d2c;
  position: absolute;
  top: 0px;
  left: 25%;
}

@media (max-width: 1197px) {
  .icons-div {
    width: calc(33% - 20px);
    height: 290px;
    margin: 0px 10px;
  }

  .tofirma {
    padding-top: 70px;
    position: relative;
    margin-top: -70px;
    margin-bottom: 70px;
  }

  .tofirma:before {
    width: 70px;
    left: 25%;
  }
}

@media (max-width: 599px) {
  .creatorlaur {
    background-size: 110%;
  }
}

.vuborroku {
  font-size: 23px !important;
  font-family: "Montserrat" !important;
  color: #000;
  font-weight: 400;
  font-style: normal;
}

a.linkroku,
a.linkroku:focus {
  color: #b5b5b5;
  padding-left: 17px;
}

a.linkroku:hover {
  color: #ce9d2c;
}

a.linkroku.active,
a.linkroku.active:hover,
a.linkroku.active:focus {
  color: #535353;
}

.div-laureat {
  text-align: center;
  text-align-last: center;
  -moz-text-align-last: center;
  position: relative;
}

.div-laureat > a > span {
  position: absolute;
  top: 154px;
  left: 50%;
  margin-left: -35px;
}

.div-laureat > a > span,
.tofirma a > span {
  width: 70px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: #ce9d2c;
  color: #fff;
  font-weight: 700;
  padding: 0 3px 4px;
  line-height: 1em;
  font-size: 14px;
  display: inline-block;
}

.div-laureat > a > span > span,
.tofirma a > span > span {
  font-size: 9px;
}

.icons-bar .icons-div:not(.show-label) a > span {
  display: none;
}

.styleroku {
  width: 65%;
  float: left;
  color: #535353;
}

@media (max-width: 1196px) {
  .mobile-sidebar {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f3f0ed;
    margin-top: -20px;
    margin-bottom: -15px;
  }

  .myoffset {
    margin-left: 8.333%;
    margin-right: 8.333%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* OI-84: at 992-1196px the sidebar is still a desktop column; its -15px right bleed overflowed up to a 1189px client width
   (sidebar column right = (vw + 1160) / 2), so the override keeps the full 992-1196 range; >= 1197px is unchanged. */
@media (min-width: 992px) and (max-width: 1196px) {
  .mobile-sidebar {
    margin-right: 0;
  }
}

.h2-keator {
  font-family: "Lato";
  font-weight: 700;
}

.laureaci-bottom {
  padding-bottom: 55px;
  line-height: 1.4;
}

a.laureacimenu-all-link:hover {
  color: #ce9d2c;
}

h1.laureaci-fix {
  margin-top: 0px;
  margin-bottom: -15px;
}

.laureaci-bottom > .border-1 {
  margin-bottom: 25px;
}

@media (max-width:450px) {
  .news2 {
    display: none;
  }

  .news3 {
    width: 100%;
  }

  .icons-div {
    width: calc(50% - 20px);
  }

  .gala_author {
    margin: 30px 0 0 15px;
  }
}

.video-in-post {
  width: 100%;
}

.video-item p {
  margin-bottom: 0px;
}

.video-item {
  margin-bottom: 25px;
  z-index: 1000;
}

.noboarder {
  border: none;
}

.news_pubdate,
.news_pubday,
.datatyle time {
  display: none;
}

.border-1 {
  margin-top: 50px;
}

.kbr-gallery-more summary {
  cursor: pointer;
  list-style: none;
}

.kbr-ads:empty {
  display: none;
}

/* OI-58: laureat tiles sized as live newtempl.css .miniimg180 (firmy/produkty were background cover boxes) */
.icons-bar .miniimg180 {
  height: 180px;
}
.icons-bar .kbr-tile-cover {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1196px) {
  .icons-bar .miniimg180 {
    width: 143px;
    height: 143px;
  }
}


/* Home laureate tabs, live parity (newtempl .grey / .centopis / .nav-laureaci / .withbotom5px). */
body.view-featured .container-banner {
  margin-bottom: 0;
  padding-top: 5px;
  background: #f3f0ed;
}

body.view-featured .container-banner .grey > .container {
  max-width: none;
  padding-inline: 0;
}

body.view-featured .container-banner .kbr-blocks {
  margin-top: -85px;
  padding: 30px;
  border-top-width: 5px;
  color: #535353;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.05em;
}

body.view-featured .container-banner .kbr-blocks h3 {
  margin: 0 0 10px;
  color: #535353;
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

body.view-featured .container-banner .kbr-blocks hr {
  box-sizing: content-box;
  height: 3px;
  margin: 20px auto;
  border: 0;
  opacity: 1;
  border-top: 3px solid #ce9d2c;
  background: transparent;
}

body.view-featured .container-banner .kbr-blocks p {
  margin: 0 0 10px;
  color: #535353;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

body.view-featured .container-top-b .card-body {
  padding: 0;
}

body.view-featured .kbr-tabs .container {
  max-width: none;
  padding-inline: 0;
}

body.view-featured .kbr-tabs .row {
  margin-inline: -15px;
  margin-top: 0;
}

body.view-featured .kbr-tabs .row > * {
  padding-inline: 7.5px;
}

body.view-featured .kbr-tabs .card-body > .container {
  padding-top: 46px;
  padding-bottom: 5px;
  background: #f3f0ed;
}

body.view-featured .nav-laureaci {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  flex-wrap: nowrap;
  vertical-align: top;
}

body.view-featured .nav-laureaci::after {
  content: "";
  display: table;
  clear: both;
}

body.view-featured .nav-laureaci > li.nav-item {
  float: left;
  margin: 0 0 -2px;
}

body.view-featured .nav-laureaci > li > .nav-link,
body.view-featured .nav-laureaci > li > .nav-link:hover,
body.view-featured .nav-laureaci > li > .nav-link:focus {
  position: relative;
  display: block;
  margin: 0 2px 0 0;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-top: 5px solid #f3f0ed;
  border-radius: 0;
  background-color: #f3f0ed;
  color: #727272;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: none;
}

body.view-featured .nav-laureaci > li > .nav-link.active,
body.view-featured .nav-laureaci > li > .nav-link.active:hover,
body.view-featured .nav-laureaci > li > .nav-link.active:focus {
  z-index: 10;
  border-top: 5px solid #ce9d2c;
  border-left: none;
  border-right: none;
  background-color: #051e41;
  color: #fff;
}

body.view-featured .withbotom5px {
  display: block;
  padding: 0;
  border-top: 5px solid #ce9d2c;
  border-bottom: 5px solid #ce9d2c;
  border-image: linear-gradient(#ce9d2c, #ce9d2c) 1 / 5px 0 / 0 100vmax;
  background: #051e41;
  box-shadow: 0 0 0 100vmax #051e41;
  clip-path: inset(0 -100vmax);
}

body.view-featured .withbotom5px > .container {
  display: block;
}

.icons-bar img.rounded-circle {
  border: 5px solid #ce9d2c;
}

@media (max-width: 1196px) {
  body.view-featured #kbr-home-slider {
    border-bottom: 5px solid #ce9d2c;
  }

  body.view-featured .container-banner .kbr-blocks {
    width: calc(83.3333% - 15px);
    margin-top: 0;
    border-top: 0;
  }

  body.view-featured .kbr-tabs .container {
    padding-inline: 15px;
  }

  body.view-featured .kbr-tabs .card-body > .container {
    padding-top: 0;
  }
}

@media (max-width: 1183.98px) {
  body.view-featured .container-banner,
  body.view-featured .container-top-b {
    width: calc(100% + 1.5rem);
    max-width: none;
    margin-inline: -0.75rem;
  }
}

@media (max-width: 361px) {
  body.view-featured .nav-laureaci > li > .nav-link,
  body.view-featured .nav-laureaci > li > .nav-link:hover,
  body.view-featured .nav-laureaci > li > .nav-link:focus {
    padding: 10px;
    font-size: 12px;
  }
}

/* Laureate tiles per row, live newtempl: fewer tiles as the viewport narrows. */
@media (max-width: 1002px) {
  .icons-bar > .id-5 {
    display: none;
  }
}

@media (max-width: 829px) {
  .icons-bar > .id-4 {
    display: none;
  }
}

@media (max-width: 599px) {
  .icons-bar > .id-3 {
    display: none;
  }
}

/* Home tabs/tiles: drop Cassiopeia nav-tabs shadows and link underline; BS3 paragraph metrics as live. */
body.view-featured .nav-laureaci,
body.view-featured .nav-laureaci > li > .nav-link,
body.view-featured .nav-laureaci > li > .nav-link:hover,
body.view-featured .nav-laureaci > li > .nav-link:focus,
body.view-featured .nav-laureaci > li > .nav-link.active {
  box-shadow: none;
}

body.view-featured .icons-bar a,
body.view-featured .icons-bar a:hover,
body.view-featured .icons-bar a:focus {
  text-decoration: none;
}

body.view-featured .icons-bar p.text-laureacimenu-name {
  margin: 0 0 10px;
  line-height: 20px;
}

body.view-featured .icons-bar p.text-laureacimenu-deskr {
  margin-bottom: 10px;
}

body.view-featured #kbr-tab-firmy p.text-laureacimenu-name {
  text-transform: inherit;
  letter-spacing: normal;
}

/* Home firmy/produkty tiles: live draws the image as an unscaled centred background
   (inline `background:url() no-repeat center center` resets newtempl's cover), clipped by the 211x180 / 143x143 box. */
body.view-featured .icons-bar img.kbr-tile-cover {
  object-fit: none;
  object-position: 50% 50%;
}

/* /laureaci, /laureaci-firmy, /laureaci-produkt-inwestycje (module 226 kbr:laureaci, suffix kbr-laureaci):
   live newtempl `.nav-laureaci.tran` tabs in one row (inactive #f3f0ed, active white + gold top),
   `.laureaci-navbar` full-width white band with a 5px gold top border, firm names in original case (#firmy). */
.kbr-laureaci .nav-laureaci {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  vertical-align: top;
}

.kbr-laureaci .nav-laureaci::after {
  content: "";
  display: table;
  clear: both;
}

.kbr-laureaci .nav-laureaci > li.nav-item {
  float: left;
  margin: 0 0 -2px;
  border: 0;
}

.kbr-laureaci .nav-laureaci > li > .nav-link,
.kbr-laureaci .nav-laureaci > li > .nav-link:hover,
.kbr-laureaci .nav-laureaci > li > .nav-link:focus {
  position: relative;
  display: block;
  width: auto;
  margin: 0 2px 0 0;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-top: 5px solid transparent;
  border-radius: 0;
  background-color: #f3f0ed;
  box-shadow: none;
  color: #727272;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  transition: none;
}

.kbr-laureaci .nav-laureaci > li > .nav-link.active,
.kbr-laureaci .nav-laureaci > li > .nav-link.active:hover,
.kbr-laureaci .nav-laureaci > li > .nav-link.active:focus {
  z-index: 10;
  border-top: 5px solid #ce9d2c;
  border-left: none;
  border-right: none;
  background-color: #fff;
  color: #727272;
}

@media (max-width: 361px) {
  .kbr-laureaci .nav-laureaci > li > .nav-link,
  .kbr-laureaci .nav-laureaci > li > .nav-link:hover,
  .kbr-laureaci .nav-laureaci > li > .nav-link:focus {
    padding: 10px;
    font-size: 12px;
  }
}

.kbr-laureaci .laureaci-navbar {
  display: block;
  margin: 0 0 20px;
  border: 0;
  border-top: 5px solid #ce9d2c;
  border-image: linear-gradient(#ce9d2c, #ce9d2c) 1 / 5px 0 0 / 0 100vmax;
  background: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(-5px -100vmax 0);
}

.kbr-laureaci .laureaci-navbar > .container {
  display: block;
}

#firmy p.text-laureacimenu-name {
  text-transform: inherit;
  letter-spacing: normal;
}

.kbr-laureaci .nav-laureaci > li > .nav-link.active,
.kbr-laureaci .nav-laureaci > li > .nav-link:focus-visible {
  border-bottom-color: transparent;
  box-shadow: none;
  outline: 0;
}

.kbr-laureaci .icons-bar a,
.kbr-laureaci .icons-bar a:hover,
.kbr-laureaci .icons-bar a:focus {
  text-decoration: none;
}

/* laureaci active tab (Rafał 04:27): Cassiopeia draws a navy 5px
   .nav-tabs .nav-link.active::after at top:36px and inset box-shadows; live
   (BS3 .nav-laureaci) has neither. Live li: .nav>li{position:relative;display:block}. */
ul.nav-laureaci {
  border-radius: 0;
}
ul.nav-laureaci > li.nav-item {
  position: relative;
  display: block;
  line-height: 20px;
}
ul.nav-laureaci > li.nav-item > .nav-link,
ul.nav-laureaci > li.nav-item > .nav-link.active,
ul.nav-laureaci > li.nav-item > .nav-link:hover,
ul.nav-laureaci > li.nav-item > .nav-link:focus {
  box-shadow: none;
}
ul.nav-laureaci > li.nav-item > .nav-link::after,
ul.nav-laureaci > li.nav-item > .nav-link::before {
  content: none;
  display: none;
}

/* laureaci year switch, search, mobile year dropdown (live newtempl.js
   behaviour; markup/CSS from live BS3 + newtempl.css). */
.laureaci-navbar .icons-bar > .icons-div.hidden {
  display: none;
}
.laureaci-navbar .vuborroku {
  position: relative;
}
.laureaci-navbar .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.laureaci-navbar .btn-group > .btn {
  position: relative;
  float: left;
}
.laureaci-navbar .btn-mobile,
.laureaci-navbar .btn-mobile:hover,
.laureaci-navbar .btn-mobile:focus {
  margin-bottom: 0;
  margin-top: 0;
  color: #000;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 400;
}
@media (max-width: 1197px) {
  .laureaci-navbar .btn.btn-mobile {
    background-color: #f2f2f2;
  }
}
.laureaci-navbar .dropdown-toggle::after {
  display: none;
}
.laureaci-navbar .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0;
  vertical-align: middle;
  border-top: 4px dashed #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.laureaci-navbar .vuborroku .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
  background-clip: padding-box;
}
.laureaci-navbar .vuborroku .btn-group.open > .dropdown-menu {
  display: block;
}
.laureaci-navbar .vuborroku .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}

/* laureaci tab details (Rafał 04:46, copied from live computed styles):
   Cassiopeia .nav-link gradient off; band clip no longer exposes 5px of white
   shadow above the gold line; band 5px lower so tabs overlap it 7px as on live
   (navbar top = tab top + 39px). */
ul.nav-laureaci > li.nav-item {
  border: 0;
  background: transparent;
}
ul.nav-laureaci > li.nav-item > .nav-link,
ul.nav-laureaci > li.nav-item > .nav-link.active,
ul.nav-laureaci > li.nav-item > .nav-link:hover,
ul.nav-laureaci > li.nav-item > .nav-link:focus {
  background-image: none;
}
.kbr-laureaci .laureaci-navbar {
  margin-top: 5px;
  clip-path: inset(0 -100vmax 0);
}
/* mobile year toggle: live BS3 .btn (77x36). */
.laureaci-navbar .btn.btn-mobile,
.laureaci-navbar .btn.btn-mobile:hover,
.laureaci-navbar .btn.btn-mobile:focus {
  padding: 6px 12px;
  border: 1px solid transparent;
  line-height: 1.42857143;
}
/* live grid inside the module: BS3 container 15px, row -15px, col 7.5px;
   search input is 25% / left 75% of .vuborroku as on live. */
.kbr-laureaci .container {
  max-width: none;
  padding-left: 15px;
  padding-right: 15px;
}
.kbr-laureaci .container > .row {
  margin-left: -15px;
  margin-right: -15px;
}
.kbr-laureaci .container > .row > * {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.kbr-laureaci .container > .row.tab-content > .tab-pane {
  padding-left: 0;
  padding-right: 0;
}
.kbr-laureaci .tab-pane > [class*="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.laureaci-navbar input.input-xlarge {
  line-height: 20px;
}

/* mobile/tablet page width (Rafał 04:46): Cassiopeia's 1em column gap put the
   component at x=28 (319px at 375). Live: BS3 container, text at x=15 (375)
   and 16.5 (768); the laureaci band is full width. */
@media (max-width: 991.98px) {
  body .site-grid,
  body.wrapper-static .site-grid,
  body.wrapper-fluid .site-grid {
    column-gap: 0;
  }
  body .site-grid > .container-component,
  body .site-grid > .container-sidebar-right,
  body .site-grid > .container-sidebar-left {
    padding-left: 3px;
    padding-right: 3px;
  }
  .kbr-laureaci {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body .site-grid > .container-component,
  body .site-grid > .container-sidebar-right,
  body .site-grid > .container-sidebar-left {
    padding-left: 4.5px;
    padding-right: 4.5px;
  }
}

/* laureaci srch11 (Rafał 05:10, copied from live computed styles).
   Grey logos: live serves firmy/produkty logos (li.tofirma) as TimThumb
   180x120 ?f=2 (grayscale) renders; no CSS filter, no hover change, no
   transition. People photos and the home tabs stay colour on live. */
.kbr-laureaci .icons-bar > li.tofirma img {
  filter: grayscale(100%);
}
/* year links: live newtempl a,a:hover,a:focus,a:active{text-decoration:none} */
.kbr-laureaci a.linkroku,
.kbr-laureaci a.linkroku:hover,
.kbr-laureaci a.linkroku:focus,
.kbr-laureaci a.linkroku:active {
  text-decoration: none;
}
/* mobile year toggle: live letter-spacing normal (77.6px wide). */
.laureaci-navbar .btn.btn-mobile {
  letter-spacing: normal;
}
/* tabs: Cassiopeia .nav.nav-tabs .nav-item:last-of-type .nav-link draws
   1px side shadows (and an inset shadow on the active tab); live box-shadow none. */
.kbr-laureaci ul.nav.nav-tabs.nav-laureaci > li.nav-item > .nav-link,
.kbr-laureaci ul.nav.nav-tabs.nav-laureaci > li.nav-item > .nav-link.active,
.kbr-laureaci ul.nav.nav-tabs.nav-laureaci > li.nav-item > .nav-link:hover,
.kbr-laureaci ul.nav.nav-tabs.nav-laureaci > li.nav-item > .nav-link:focus {
  box-shadow: none;
}
/* desktop: live BS3 .container is 970px (992-1199) / 1191px (>=1200),
   centred in the viewport; staging's site-grid is narrower, so the module
   container is centred on the (centred) site-grid column instead. */
@media (min-width: 992px) {
  .kbr-laureaci .laureaci-navbar > .container {
    width: 970px;
    margin-left: calc(50% - 485px);
    margin-right: calc(50% - 485px);
  }
}
@media (min-width: 1200px) {
  .kbr-laureaci .laureaci-navbar > .container {
    width: 1191px;
    margin-left: calc(50% - 595.5px);
    margin-right: calc(50% - 595.5px);
  }
}
/* below 992: live .speztop is full width beige; staging's 3px (4.5px)
   component padding showed the white site-grid beside it. Speztop covers
   the padding; the laureaci bleed keeps its position. */
@media (max-width: 991.98px) {
  .speztop:has(.kbr-laureaci) {
    width: auto; /* width:100% kept it 345px, so the right strip stayed */
    margin-left: -3px;
    margin-right: -3px;
  }
  .speztop:has(.kbr-laureaci) .kbr-laureaci {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .speztop:has(.kbr-laureaci) {
    margin-left: -4.5px;
    margin-right: -4.5px;
  }
  .speztop:has(.kbr-laureaci) .kbr-laureaci {
    margin-left: -10.5px;
    margin-right: -10.5px;
  }
}

/* srch12 (Rafał 05:30): drop the white component gap above a leading .speztop (breadcrumb hiding reverted in srch13). */
.container-component:has(> main > .speztop:first-child){padding-top:0;row-gap:0;gap:0}
.container-component:has(> main > .speztop:first-child) > main{margin-top:0}
.container-component > main > .speztop:first-child{margin-top:0}

/* srch13 (Rafał 06:03) page background = live 1:1, measured not inferred.
   Live body is #fff and every beige band (.grey, .speztop, .gala-top-background, gala navbar
   and even news rows / mobile sidebar below 992) spans the full viewport width. Staging had a
   beige body around the white 1160px site grid (12px / 52.5px beige edges). Body goes white; the
   beige bands are painted full-bleed with a clipped spread shadow (no layout or scroll change);
   the article header band's gold bottom line is extended the same way (border-image outset). */
body{background:#fff}
body.view-featured .container-banner,
body.view-featured .kbr-tabs .card-body > .container,
.speztop,
.gala-top-background,
.gala-navbar{box-shadow:0 0 0 100vmax #f3f0ed;clip-path:inset(0 -100vmax)}
/* OI-89 (editor item 4): the mobile sidebar band only below 992; at desktop widths it painted over the article text. */
@media (max-width:991.98px){.mobile-sidebar{box-shadow:0 0 0 100vmax #f3f0ed;clip-path:inset(0 -100vmax)}}
.speztop.withbotom5px{border-image:linear-gradient(#ce9d2c,#ce9d2c) 1 / 0 0 5px 0 / 0 100vmax}

/* srch13 (Rafał 06:16) breadcrumb + laureaci H1 = live 1:1 (measured at scrollY=0, /laureaci-produkt-inwestycje and /laureaci).
   Live ul.breadcrumb: white, padding 25px 0 (70px tall), Lato 300 14px/20px #404040, links not underlined,
   separator li+li::before "/\00a0" #ccc padding 0 5px, no icon; text x = 8.333% of page width + 7.5px
   below 1200 (38.8 @375), 44.5px at >=1200. Live h1.laureaci-fix: Lato 700 34px/1.1 (68px >=1200) #535353,
   margin 0 0 -15px; gold line 83x3 #ce9d2c 72.4px below the H1 top; intro p margin-bottom 10px. */
.mod-breadcrumbs__wrapper{background:transparent}
/* OI-82 (Rafał 2026-10-28, variant a): breadcrumb aligned with the content container like live (BS3 .container/.col),
   no viewport offset. Replaces srch13 translateX(50%-50vw) + vw/44.5px padding and the gala 66.5px padding. */
.mod-breadcrumbs__wrapper .mod-breadcrumbs.breadcrumb{transform:none;padding-left:0!important;padding-right:0!important}
.mod-breadcrumbs.breadcrumb{display:block;margin:0;padding:25px 0!important;background:none;font:300 14px/20px Lato,sans-serif;color:#404040;list-style:none;border-radius:0}
.mod-breadcrumbs__divider{display:none!important}
.mod-breadcrumbs .breadcrumb-item{display:inline-block;padding:0;font-size:14px;line-height:20px;color:#404040}
.mod-breadcrumbs .breadcrumb-item+.breadcrumb-item{padding-left:0}
.mod-breadcrumbs .breadcrumb-item+.breadcrumb-item::before{content:"/\00a0";float:none;padding:0 5px;color:#ccc}
.mod-breadcrumbs a,.mod-breadcrumbs span,.mod-breadcrumbs a:hover,.mod-breadcrumbs .breadcrumb-item.active{color:#404040;text-decoration:none;font-weight:300;font-size:14px}
h1.laureaci-fix{font-family:Lato,sans-serif;font-size:34px;line-height:1.1;font-weight:700;color:#535353;margin:0 0 -15px}
@media (min-width:1198px){h1.laureaci-fix{font-size:68px}} /* live newtempl: h1 68px, @media (max-width:1197px) 34px */
.laureaci-bottom > p{margin-bottom:10px}
/* srch16 (Rafał 06:28) breadcrumb background from live source CSS: newtempl.css `.breadcrumb{background-color:transparent}`
   and the breadcrumb sits inside `.speztop{background-color:#f3f0ed; width:100%}`, so on pages with the beige band it is beige
   at full width. The J5 breadcrumb is outside main > .speztop, so paint the wrapper as part of that band. Spacing is unchanged. */
.container-component:has(> main > .speztop:first-child) > .mod-breadcrumbs__wrapper{background:#f3f0ed;box-shadow:0 0 0 100vmax #f3f0ed;clip-path:inset(0 -100vmax)}
/* srch17 (Rafał 06:34): no white strip between header and beige breadcrumb band. The wrapper's 16px top margin
   comes from a higher-specificity container rule (plain margin:0 lost when tested), hence !important. */
.mod-breadcrumbs__wrapper{margin:0!important}

/* srch19 (Rafał 06:39) footer left column (.container-bottom-a) as on live newtempl sys/futer.php:
   .navbar-futter (#bc902f text, 14px Lato 300), .line1571 (line-height 1.571), org text in .col-md-7
   (58.333% from 1024px, 7.5px side padding), logo at natural 400px, .vertmenu menus (shared by bottom-b). */
.kbr-org .kbr-blocks{font:300 14px/1.571 Lato,sans-serif;color:#bc902f}
.kbr-org img{width:400px;max-width:100%;height:auto;margin:0 0 32px}
.kbr-org p,.kbr-org address{margin:0 0 10px;padding:0 7.5px;color:#bc902f;font-size:14px;line-height:1.571;text-align:left}
@media (min-width:1024px){.kbr-org .kbr-blocks > p{width:58.3333%}}
.kbr-org strong{font-family:Montserrat,sans-serif;font-weight:500;color:#bc902f}
.kbr-org a,.kbr-org a:hover,.kbr-org a:focus{color:#ce9d2c;text-decoration:none}
.kbr-org .kbr-small{margin:0 0 10px;color:#bc902f;font-size:11px;line-height:1.571}
.kbr-footer-menu .mod-menu > li{margin:0;padding:0;font:700 12px/1.428571 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.kbr-footer-menu .mod-menu > li > a,.kbr-footer-menu .mod-menu > li > a:hover,.kbr-footer-menu .mod-menu > li > a:focus{display:block;padding:3px 0 15px;color:#ce9d2c;font:inherit;line-height:1.428571;letter-spacing:.1em}
.kbr-footer-menu .mod-menu > li > a.vertmenu-fix,.kbr-footer-menu .mod-menu > li > a.vertmenu-fix:hover,.kbr-footer-menu .mod-menu > li > a.vertmenu-fix:focus{margin-top:-15px;padding:10px 0;font:300 14px/20px Lato,sans-serif;text-transform:none;letter-spacing:.1em}

/* srch20 (Rafał 06:46) footer band edges as on live .navbar-futter: 5px #ce9d2c top, 1px #ce9d2c bottom,
   padding 45px 0 40px; full-bleed via border-image outset inside the existing side clip-paths (G2). */
.container-bottom-a,.container-bottom-b{padding:45px 0 40px;border-style:solid;border-color:#ce9d2c;border-width:5px 0 1px;border-image:linear-gradient(#ce9d2c,#ce9d2c) 1 / 5px 0 1px 0 / 0 100vmax;align-self:stretch}
@media (max-width:767.98px){
  .container-bottom-a{padding-bottom:0;border-width:5px 0 0;border-image-width:5px 0 0 0}
  .container-bottom-b{padding-top:0;border-width:0 0 1px;border-image-width:0 0 1px 0}
}
/* srch20 footer columns as on live (lg >= 1197px): fixed 1191px row centred on the 1160px grid;
   col-lg-5 organiser 496, empty col-lg-3 298, col-lg-2 left menu 198.5 (bottom-a), col-lg-2 second menu (bottom-b); 7.5px gutters. */
@media (min-width:1197px){
  /* srch21: widths/gap need !important (a higher-specificity grid-child rule kept 780/380 and a 20px gap). */
  .container-bottom-a{justify-self:start;width:992.5px!important;max-width:none!important;margin-left:-15.5px!important;display:grid;grid-template-columns:496px 298px 198.5px!important;column-gap:0!important}
  .container-bottom-a > .kbr-org{grid-column:1;padding:0 7.5px}
  .container-bottom-a > .kbr-footer-menu-left{grid-column:3;padding:0 7.5px}
  .container-bottom-b{justify-self:start;width:198.5px!important;max-width:none!important;margin-left:197px!important}
  .container-bottom-b > *{padding:0 7.5px}
}

/* srch22 (Rafal 07:03) copyright line + gold bar as on live newtempl (.copyright/.copyright-m in the navy band, .lastline):
   copyright Lato 300 11px #ce9d2c, lg col-lg-5 offset-7 of the 1191 row, xs col-xs-10 offset-1 margin 30px 0 10px;
   band padding-bottom 40 (xs 5) + 1px gold line moved below the copyright; .lastline full width 35px #ce9d2c,
   Lato 400 14px uppercase #535353 centred, link #535353 no underline. Full-bleed via box-shadow + clip-path. */
footer.container-footer{margin-top:-1px!important;padding-top:1px!important}
footer.container-footer .grid-child{padding:0!important;display:block}
footer.container-footer .mod-custom{width:100%}
.container-bottom-a,.container-bottom-b{padding-bottom:0!important;border-bottom-width:0!important;border-image-width:5px 0 0 0!important}
.container-bottom-b{border-image-width:0 0 0 0!important}
.kbr-copyright-line{max-width:none;margin:30px 0 15px calc(8.33333% + 7.5px);width:calc(83.33333% - 15px);padding:0;color:#ce9d2c;font:300 11px/1.428571 Lato,sans-serif;letter-spacing:normal;text-align:left}
.kbr-goldbar{width:auto;height:36px;margin:0;padding:8px;box-sizing:border-box;border-top:1px solid #ce9d2c;background:#ce9d2c;box-shadow:0 0 0 100vmax #ce9d2c;clip-path:inset(0 -100vmax);color:#535353;font:400 14px/20px Lato,sans-serif;letter-spacing:normal;text-align:center;text-transform:uppercase}
.kbr-goldbar a,.kbr-goldbar a:hover,.kbr-goldbar a:focus{color:#535353;text-decoration:none}
@media (max-width:767.98px){
  .kbr-copyright-line{max-width:none;margin-left:calc(100vw / 12 - 4.5px);width:calc(100vw * 10 / 12 - 15px);text-align:left}
  .container-bottom-b{clip-path:inset(0 -100vmax)}
}
@media (min-width:768px){.container-bottom-b{border-image-width:5px 0 0 0!important}}
@media (min-width:1197px){.kbr-copyright-line{margin:0 0 50px 686.75px;width:481.25px}}

/* srch27 (Rafal 07:41) kreator portrait = live newtempl 1:1: .img-circle border 5px #ce9d2c, radius 500px,
   .miniimg180 180px (143px <=1196px), .logofix margin 0 auto -90px (-72px <=1197px) so it sits on the gold line.
   (srch23 per-page breadcrumb hide removed: breadcrumb follows module assignment like live, all pages except home.) */
.speztop img.miniimg180.logofix{width:180px;height:180px;max-width:100%;aspect-ratio:1/1;object-fit:cover;border:5px solid #ce9d2c;border-radius:500px!important;margin:0 auto -90px;z-index:10;vertical-align:middle}
@media (max-width:1196px){.speztop img.miniimg180.logofix{width:143px;height:143px}}
@media (max-width:1197px){.speztop img.miniimg180.logofix{margin-bottom:-72px}}
/* the band's full-bleed beige was a clipped spread shadow, and that clip cut the lower half of the portrait;
   on portrait bands paint beige + gold line as an outset border-image (ink overflow only, no clip, no scroll). */
.speztop.withbotom5px:has(img.logofix){clip-path:none;box-shadow:none;border-image:linear-gradient(#f3f0ed calc(100% - 5px),#ce9d2c calc(100% - 5px)) 0 fill / 0 / 0 100vmax}
/* srch28 (Rafal 07:49) laureate article body text (kreator + firma layouts) = live newtempl/Bootstrap 3 computed values:
   line-height 1.428571, p margin 0 0 10px, h3.h3_kreator Lato 24px/1.1 (18px <=1197 via existing rule), h5 Lato 16px/1.1 #535353,
   strong/b Montserrat 500. Staging article HTML lost its inline text-align styles and <div class="bs-callout"> wrapper in migration,
   so the live callout (italic, 200x3px gold line above) and left/center alignment are re-created here by structure.
   Live also hides .border-1.divcenter on these pages (.alllaureaci .border-1.divcenter{display:none}). */
body.view-article .container-component:has(.creatorlaur) > main{line-height:1.428571}
body.view-article .container-component:has(.creatorlaur) > main h3.h3_kreator{font-family:Lato,sans-serif;font-size:24px;line-height:1.1;margin:0 0 10px}
body.view-article .container-component:has(.creatorlaur) > main h5{font-family:Lato,sans-serif;font-size:16px;line-height:1.1;color:#535353;margin:0 0 10px}
body.view-article .container-component:has(.creatorlaur) > main p{margin:0 0 10px}
body.view-article .container-component:has(.creatorlaur) > main :is(strong,b){font-family:Montserrat,sans-serif;font-weight:500}
body.view-article .container-component:has(.creatorlaur) > main .border-1.divcenter{display:none}
body.view-article .container-component:has(.creatorlaur) > main .text_kreatorrokutitle{text-align:center!important}
body.view-article .container-component:has(.creatorlaur) > main .text_kreatorrokutitle > p:has(img){text-align:center}
body.view-article .container-component:has(.creatorlaur) > main .text_kreatorrokutitle > :is(strong,a){font-style:italic}
body.view-article .container-component:has(.creatorlaur) > main .text_kreatorrokutitle > p:has(+ br + strong){position:relative;margin-bottom:0;padding-bottom:15px}
body.view-article .container-component:has(.creatorlaur) > main .text_kreatorrokutitle > p:has(+ br + strong)::after{content:"";position:absolute;bottom:0;left:0;right:0;margin:auto;width:200px;height:3px;background:#ce9d2c}
body.view-article .container-component:has(.creatorlaur) > main .colmniz p:has(> a[href*="prezentacja-firmy"]),
body.view-article .container-component:has(.creatorlaur) > main .colmniz p:has(> a[href*="prezentacja-firmy"]) ~ p{text-align:center;margin:0;font-style:italic}
body.view-article .container-component:has(.creatorlaur) > main .colmniz p:has(> a[href*="prezentacja-firmy"]) ~ a:has(> img){display:block;text-align:center}
body.view-article .container-component:has(.creatorlaur) > main .colmniz p:has(> a[href*="prezentacja-firmy"]){position:relative;margin-top:15px;padding-top:30px}
body.view-article .container-component:has(.creatorlaur) > main .colmniz p:has(> a[href*="prezentacja-firmy"])::before{content:"";position:absolute;top:15px;left:0;right:0;margin:auto;width:200px;height:3px;background:#ce9d2c}
body.view-article .container-component:has(.creatorlaur) > main :is(.text_kreatorrokutitle,.colmniz) a{text-decoration:none}

/* srch29 (Rafał 2026-10-23) /znaleziono = live newtempl com_search default_results.php 1:1.
   Live newtempl.css: .result_of_search,.result_of_search>li{padding-top:15px;padding-left:15px;padding-bottom:5px}
   ol.result_of_search{font-weight:bold} .rez_search_bold{bold #535353} .rez_search_normal{normal #535353}
   .rez_search_link{normal #ce9d2c} h2.h2-search{margin-top:0;margin-bottom:30px;font-weight:700}
   p.h2-search{margin-bottom:20px} .highlight{font-family:'Lato';font-weight:700}; fonts.css h2 42px (34px <=1197px)
   line-height 1.1 #535353; BS3 ol margin 0 0 10px, body 16px/1.42857 Lato 300; newtempl strong,b Montserrat 500;
   BS3 .visible-lg (lg = 1197px in live bootstrap.min.css). Tabs/white band reuse the .kbr-laureaci rules. */
.kbr-search .visible-lg{display:none!important}
@media (min-width:1197px){.kbr-search .visible-lg{display:block!important}}
.kbr-search h2.h2-search{margin:0 0 30px;font-family:Lato,sans-serif;font-size:42px;line-height:1.1;font-weight:700;color:#535353}
@media (max-width:1197px){.kbr-search h2.h2-search{font-size:34px}}
.kbr-search p.h2-search{margin:0 0 20px;font:300 16px/1.42857143 Lato,sans-serif;color:#535353}
.kbr-search p.h2-search b{font-family:Montserrat,sans-serif;font-weight:500}
.kbr-search .result_of_search,.kbr-search .result_of_search>li{padding-top:15px;padding-left:15px;padding-bottom:5px}
.kbr-search ol.result_of_search{margin:0 0 10px;padding-right:0;font:700 16px/1.42857143 Lato,sans-serif;color:#535353}
.kbr-search .result_of_search a,.kbr-search .result_of_search a:hover,.kbr-search .result_of_search a:focus{text-decoration:none;outline:none}
.kbr-search .rez_search_bold{font-weight:bold;color:#535353}
.kbr-search .rez_search_normal{font-weight:normal;color:#535353}
.kbr-search .rez_search_link{font-weight:normal;color:#ce9d2c}
.kbr-search .highlight{font-family:Lato,sans-serif;font-weight:700}
.kbr-search .laureaci-navbar{min-height:0;padding:50px 0 100px}
/* srch29b: position = live. Live .speztop and the white band hold BS3 .container (1191px >=1200, 970px 992-1199,
   full width below) with 7.5px column padding (h2 x44.5 / ol x44.5 w1176 at 1280; x38.75 w297.5 at 375).
   Staging: the beige container gets the laureaci band container width, the tab panes the 7.5px column padding,
   below 992 the beige band spans the bleed (width:100% kept it 345px), and with the tabs hidden (<1197) the band
   starts right under the beige (live margin 0 0 20px, no 5px white strip). */
.kbr-laureaci.kbr-search .container>.row.tab-content>.tab-pane{padding-left:7.5px;padding-right:7.5px} /* beats the laureaci pane reset (0,5,0) */
@media (min-width:992px){.speztop.kbr-search>.container{width:970px;max-width:none;margin-left:calc(50% - 485px);margin-right:calc(50% - 485px)}}
@media (min-width:1200px){.speztop.kbr-search>.container{width:1191px;margin-left:calc(50% - 595.5px);margin-right:calc(50% - 595.5px)}}
@media (max-width:991.98px){.speztop.kbr-search{width:auto}}
@media (max-width:1196.98px){.kbr-search .laureaci-navbar{margin-top:0}}
/* srch29d (Rafał 08:31/08:33): active tab sits on the gold line and breaks it, no white strip above the line, as live.
   Live (measured 1280): tab link 352-398, beige .speztop ends 392 = white band top (margin 0 0 20px, no gap), so the
   active tab (BS3 .nav-tabs>li.active>a z-index 10, positioned) covers the band's 5px gold line + 1px.
   Staging had the beige band's srch13 clip-path cutting the tab at the band bottom and a 5px white band margin-top.
   Now: beige full-bleed via horizontal border-image outset (no vertical clip), white band positioned as the live BS3 .navbar,
   white band margin-top 0, beige band 6px taller while tabs show (>=1197) so the white band starts 6px above the tab bottom. */
.speztop.kbr-search{box-shadow:none;clip-path:none;border-image:linear-gradient(#f3f0ed,#f3f0ed) 0 fill / 0 / 0 100vmax}
/* live band is a BS3 .navbar (position:relative, z auto): paints over the inactive tabs, under the active one (z-index 10) */
.kbr-search .laureaci-navbar{margin-top:0;position:relative}
@media (min-width:1197px){.speztop.kbr-search{padding-bottom:6px}}

/* srch30 (Rafał 08:39) /edycja_* gala LAUREACI block = live newtempl sys/gala.php 1:1. The J5 BS5 .navbar is display:flex,
   which shrank .row.tab-content to 355px; live BS3 .gala-navbar is block with 5px #ce9d2c top/bottom, panes full width with
   two col-lg-6 (padding 0 7.5px). Tabs: live .nav-laureaci inline-block, bottom:-10px, li float left margin-bottom:-2px,
   a 10px 15px, 5px top border, inactive #fff, active (.nocolor) #FAF9F8 + #ce9d2c, z-index 10; text #535353, BS3 line-height. */
.kbr-gala-tabs,.kbr-gala-tabs .card-body,.text_fotorelacja{color:#535353;line-height:1.428571}
.kbr-gala-tabs .text_LAUREACI,.kbr-gala-tabs .text_LAUREACI_year,.text_fotorelacja{line-height:1.428571;color:#535353}
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci{display:inline-block;position:relative;bottom:-10px;margin:0;padding:0;border:0;background:none;list-style:none}
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li.nav-item{display:block;float:left;position:relative;margin:0 0 -2px;font:400 14px/20px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link,
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link:hover,
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link:focus{display:block;position:relative;margin:0 2px 0 0;padding:10px 15px;border:0;border-top:5px solid #fff;border-bottom:1px solid transparent;border-radius:0;background:#fff;color:#727272;font:inherit;letter-spacing:inherit;text-transform:inherit}
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link.active{border-top-color:#ce9d2c;background:#FAF9F8;color:#727272;z-index:10}
@media (max-width:1196px){.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link.active{background:#f3f0ed}}
@media (max-width:361px){.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link{padding:10px;font-size:12px}}
.kbr-gala-tabs .gala-navbar{display:block;position:relative;min-height:50px;margin:0 0 20px;border:0;border-top:5px solid #ce9d2c;border-bottom:5px solid #ce9d2c;border-radius:0;color:#535353}
.kbr-gala-tabs .gala-navbar>.container{display:block}
.kbr-gala-tabs .gala-navbar .row.tab-content{display:block;margin:0 -15px}
.kbr-gala-tabs .gala-navbar .row.tab-content>.tab-pane{width:100%;padding:0}
.kbr-gala-tabs .gala-navbar .row.tab-content>.tab-pane.active{display:flex;flex-wrap:wrap}
.kbr-gala-tabs .gala-navbar .tab-pane>[class*="col-"]{padding:0 7.5px}
.kbr-gala-tabs .gala-navbar .tab-pane p{margin:0 0 10px}

/* srch31 (Rafał 08:54) /edycja_* gala hero = live newtempl sys/gala.php 1:1: the breadcrumb sits in the beige
   .gala-top-background above the title (promo_banner padding 20px, then ul.breadcrumb 70px; text at container
   inner edge + 7.5px), BS3 line-height 1.428571 for the title lines, the carousel runs straight into the
   .centopis-gala row (centopis top:-85px over the carousel), which is still on the beige band with 30px below.
   Live carousel has no prev/next controls; indicators = newtempl .carousel-indicators (bottom:-45px,
   left 83.33%, width 16.67%, 15px squares #ce9d2c, active #051e41, margin-left 13px).
   Full-bleed beige via border-image outset (no clip-path stacking context, so the centopis top and the
   indicators are not clipped/covered). */
.site-grid:has(.gala-top-background .gala_topbalck){position:relative}
/* OI-82 Codex P2: the gala crumb overlays the banner (absolute, top from .site-grid) but keeps the component's
   horizontal static position (flex column start = main's left edge, incl. 3/4.5px component padding and sidebars). */
.site-grid:has(.gala-top-background .gala_topbalck) .container-component>.mod-breadcrumbs__wrapper{position:absolute;top:24px;left:auto;right:auto;width:auto;max-width:100%;align-self:flex-start;z-index:2}
.container-banner:has(.gala_topbalck){margin-bottom:0}
.container-banner .gala-top-background:has(.gala_topbalck){padding:94px 0 0;box-shadow:none;clip-path:none;border-image:linear-gradient(#f3f0ed 0 0) fill 0//0 100vmax}
.gala_topbalck,.gala-top-gold{line-height:1.428571}
.site-grid:has(.gala-top-background .gala_topbalck) .container-component{padding-top:0}
.site-grid:has(.gala-top-background .gala_topbalck) .container-component>main{margin-top:0}
main>.container:has(>.row>[class*="col-"]>.centopis-gala){padding-bottom:30px;border-image:linear-gradient(#f3f0ed 0 0) fill 0//0 100vmax}
#kbr-gala-slider .carousel-control-prev,#kbr-gala-slider .carousel-control-next{display:none}
#kbr-gala-slider .carousel-indicators{left:83.333333%;right:auto;bottom:-45px;width:16.66666667%;margin:0 0 10px;padding:0;justify-content:center}
#kbr-gala-slider .carousel-indicators [data-bs-target]{flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;margin:0 0 0 13px;padding:0;border:0;border-radius:0;text-indent:-999px;background:#ce9d2c;opacity:1}
#kbr-gala-slider .carousel-indicators .active{background:#051e41}
/* srch31c: centopis-gala h3/hr = BS3 base under newtempl (h3 inherits Lato 24px/1.1 weight 500, margin 20px 0 10px;
   hr content-box 3px + 3px gold top border, UA auto side margins => centred 82px, no BS5 opacity). */
.centopis-gala h3{margin:20px 0 10px;font-family:inherit;font-size:24px;font-weight:500;line-height:1.1;letter-spacing:inherit;color:inherit;text-transform:none}
.centopis-gala hr{box-sizing:content-box;width:82px;height:3px;margin:20px auto;border:0;border-top:3px solid #ce9d2c;background:transparent;color:#ce9d2c;opacity:1}

/* srch32 (Rafał 09:06) /edycja_* gala article (.forgalafix) = live 1:1: BS3 line-height 1.428571, p margin 0 0 10px,
   h3.title-for-gala Lato 700 24px/1.1 #535353 margin 0 0 10px, newtempl `strong,b{Montserrat 500}`,
   two text columns 30px apart with 15px column padding (live .colmniz>.column{padding:15px}). */
.forgalafix{line-height:1.428571;color:#535353}
.forgalafix p{margin:0 0 10px}
.forgalafix h3.title-for-gala{margin:0 0 10px;font-family:Lato,sans-serif;font-size:24px;font-weight:700;line-height:1.1;letter-spacing:normal;color:#535353}
.forgalafix h3.title-for-gala p{margin:0 0 10px;line-height:inherit}
.forgalafix strong,.forgalafix b{font-family:Montserrat,sans-serif;font-weight:500}
.forgalafix .border-1.divcenter{margin:50px auto 30px}
.forgalafix .colmniz{padding:15px;column-gap:30px;line-height:1.428571}
/* srch32b: live .gala_author bottom margin collapses into .forgalafix margin-bottom (BS3 block row); the BS5 flex row
   doesn't collapse, so drop it here => 60px from text to the video banner as on live. */
.forgalafix .gala_author{margin-bottom:0}

/* srch33 (Rafał 09:15-09:17) /edycja_* sections 3+4 = live newtempl sys/gala.php 1:1.
   3: live div.gala-video-module is a direct body-width child (1265 at 1280, no scrollbar overflow): bg #ce9d2c,
   text-align center, BS3 line-height; the 1900x400 banner scales to the full width (266px at 1265), so its gold
   side streaks show. Staging sits inside the 1160 site-grid: widened to the viewport client width (--kbr-vw, set
   by user.js from documentElement.clientWidth, so no horizontal scroll), centred on the centred column.
   4: live .gala-navbar is body-width: #FAF9F8 band with 5px #ce9d2c top/bottom lines edge to edge (no #f3f0ed
   sides); links never underlined (live a{text-decoration:none}); tab buttons without Cassiopeia's side shadows;
   the module card adds no margin/padding (live LAUREACI title sits 60px under the banner). */
.gala-video-module{width:var(--kbr-vw,100%);max-width:none;margin:0 0 0 calc(50% - var(--kbr-vw,100%) / 2);padding:0;background-color:#ce9d2c;text-align:center;line-height:1.428571}
.gala-video-module>a,.gala-video-module>a:hover,.gala-video-module>a:focus{text-decoration:none}
.gala-video-module img{width:100%;max-width:100%;height:auto;border:0;vertical-align:middle}
.main-bottom.card.kbr-gala-tabs{margin-top:0;border:0;background:none}
.main-bottom.card.kbr-gala-tabs>.card-body{padding:0}
.kbr-gala-tabs .gala-navbar{box-shadow:none;clip-path:none;background:none;border-image:linear-gradient(#ce9d2c 0 5px,#FAF9F8 5px calc(100% - 5px),#ce9d2c calc(100% - 5px)) 0 fill / 0 / 0 100vmax}
@media (max-width:1196px){.kbr-gala-tabs .gala-navbar{border-image:linear-gradient(#ce9d2c 0 5px,#f3f0ed 5px calc(100% - 5px),#ce9d2c calc(100% - 5px)) 0 fill / 0 / 0 100vmax}}
.kbr-gala-tabs .gala-navbar a,.kbr-gala-tabs .gala-navbar a:hover,.kbr-gala-tabs .gala-navbar a:focus,.kbr-gala-tabs .gala-navbar a:active{text-decoration:none}
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link,
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link.active,
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link:hover,
.kbr-gala-tabs ul.nav-laureaci.gala-laureaci>li>.nav-link:focus{box-shadow:none}
/* srch33b: Cassiopeia .nav.nav-tabs .nav-item:first-of-type/:last-of-type .nav-link(.active) side shadows (the faint
   separators) outrank the rule above; live box-shadow none. */
.kbr-gala-tabs ul.nav.nav-tabs.nav-laureaci.gala-laureaci>li.nav-item>.nav-link,
.kbr-gala-tabs ul.nav.nav-tabs.nav-laureaci.gala-laureaci>li.nav-item>.nav-link.active,
.kbr-gala-tabs ul.nav.nav-tabs.nav-laureaci.gala-laureaci>li.nav-item>.nav-link:hover,
.kbr-gala-tabs ul.nav.nav-tabs.nav-laureaci.gala-laureaci>li.nav-item>.nav-link:focus{box-shadow:none}

/* srch34 (Rafał 09:17) /edycja_* FOTORELACJA = live newtempl sys/gala.php 1:1: no module card (border, 16px padding,
   16px margin); live .gala-galery-fix col-lg-3 padding 0 7.5px 15px, thumbnail scaled to the column (img width 100%);
   live "zobacz więcej" = BS3 .btn.btn-default + newtempl .btn: centred, margin 20px 0 30px, height 45px, padding
   11px 20px, 3px #ce9d2c border, white bg, Lato 700 12px uppercase .1em, #ce9d2c text; hover #ce9d2c bg, white text;
   gone once the extra photos show (live addClass hidden). */
.main-bottom.card:has(#lightgallery){margin-top:0;border:0;border-radius:0;background:none;box-shadow:none}
.main-bottom.card:has(#lightgallery)>.card-body{padding:0}
#lightgallery>.gala-galery-fix,.kbr-gallery-more>.row>.gala-galery-fix{padding:0 7.5px 15px}
#lightgallery,.kbr-gallery-more>.row{margin-left:-7.5px;margin-right:-7.5px}
#lightgallery .gala-galery-fix img,.kbr-gallery-more .gala-galery-fix img{display:block;width:100%;max-width:100%;height:auto}
.kbr-gallery-more{display:block;text-align:center}
.kbr-gallery-more>.row{text-align:left}
.kbr-gallery-more>summary.btn.showfoto{display:inline-block;height:45px;margin:20px 0 30px;padding:11px 20px;border:3px solid #ce9d2c;border-radius:0;background:#fff;color:#ce9d2c;font:700 12px/1.428571 Lato,sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:none}
.kbr-gallery-more>summary.btn.showfoto::-webkit-details-marker{display:none}
.kbr-gallery-more>summary.btn.showfoto:hover{background:#ce9d2c;color:#fff}
.kbr-gallery-more[open]>summary{display:none}
/* photo overlay = live lightGallery look: black backdrop, image fitted (padding 0 5px), 47px rgba(0,0,0,.45) toolbar
   with "n / N" counter (16px #999, padding 12px 0 0 20px), download and close (50x47, #999, hover #fff), prev/next
   42x39 rgba(0,0,0,.45) radius 2px at 20px from the sides. Native <dialog> (user.js), no library. */
dialog.kbr-lg{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#999;overflow:hidden}
dialog.kbr-lg::backdrop{background:#000}
.kbr-lg-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 5px}
.kbr-lg-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.kbr-lg-bar{position:absolute;top:0;left:0;z-index:2;width:100%;height:47px;background:rgba(0,0,0,.45)}
.kbr-lg-count{display:inline-block;padding:12px 0 0 20px;font:400 16px/1.428571 Lato,sans-serif;color:#999}
.kbr-lg-btn{position:relative;display:block;float:right;width:50px;height:47px;margin:0;padding:0;border:0;background:transparent;color:#999;cursor:pointer;text-decoration:none}
.kbr-lg-btn:hover,.kbr-lg-btn:focus-visible{color:#fff}
.kbr-lg-close::before,.kbr-lg-close::after{content:"";position:absolute;left:50%;top:50%;width:19px;height:2px;margin:-1px 0 0 -9.5px;background:currentColor;transform:rotate(45deg)}
.kbr-lg-close::after{transform:rotate(-45deg)}
.kbr-lg-dl::before{content:"";position:absolute;left:24px;top:15px;width:2px;height:12px;background:currentColor}
.kbr-lg-dl::after{content:"";position:absolute;left:21px;top:20px;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.kbr-lg-dl{background:linear-gradient(currentColor,currentColor) 18px 30px/14px 2px no-repeat}
.kbr-lg-nav{position:absolute;top:50%;z-index:2;width:42px;height:39px;margin-top:-10px;padding:0;border:0;border-radius:2px;background:rgba(0,0,0,.45);color:#999;cursor:pointer}
.kbr-lg-nav:hover,.kbr-lg-nav:focus-visible{color:#fff}
.kbr-lg-prev{left:20px}
.kbr-lg-next{right:20px}
.kbr-lg-nav::before{content:"";position:absolute;left:12px;top:18.5px;width:18px;height:2px;background:currentColor}
.kbr-lg-nav::after{content:"";position:absolute;left:13px;top:14.5px;width:8px;height:8px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
.kbr-lg-next::after{left:auto;right:13px;border-width:2px 2px 0 0}
/* srch34b: live thumbnails are /resize/260x155 crops (260:155) scaled to the column; staging links the full 4:3 photo,
   so crop it the same way. The button hides once the extra photos are open (outranks the button rule above). */
#lightgallery .gala-galery-fix img,.kbr-gallery-more .gala-galery-fix img{aspect-ratio:260/155;object-fit:cover}
.kbr-gallery-more[open]>summary.btn.showfoto{display:none}
/* srch34c: live leaves 68px (empty "Down bar" rows, 3705->3773 at 1280) between the ZOBACZ WIĘCEJ row and the footer gold line. */
.main-bottom.card:has(#lightgallery){padding-bottom:68px}
/* pp1: /polityka-prywatności ONLY (menu item 196, article view). The article uses the gala layout, whose
   .centopis-gala title box is empty here (no fulltext image caption/alt) -> hide it on this page only;
   its paragraphs are left-aligned (inherited text-center); no other content styles change. */
body.itemid-196.view-article .centopis.centopis-gala{display:none}
body.itemid-196.view-article .forgalafix .text-center p{text-align:left}
/* pp2: same two fixes on /regulamin-konkursów ONLY (menu item 204, article view). Its content has no heading, so all
   paragraphs sit inside h3.title-for-gala (24px bold); make that text inherit the .text-center content font exactly as
   the /polityka-prywatności paragraphs do (Lato 300, 16px, #535353, line-height 1.428571). */
body.itemid-204.view-article .centopis.centopis-gala{display:none}
body.itemid-204.view-article .forgalafix .text-center p{text-align:left}
body.itemid-204.view-article .forgalafix h3.title-for-gala{font-family:inherit;font-size:inherit!important;font-weight:inherit;line-height:inherit;color:inherit}
/* gala1 (Rafał 19:06): one shared rule for every gala article page (title banner + .centopis-gala), no per-page entries.
   On the pre-2025 gala pages the year's LAUREACI tab module is published in position top-b, so Cassiopeia's grid
   renders it ABOVE the component and the title box (live: .centopis{position:relative;top:-85px}, same shared rule
   here) ends up under the tabs instead of over the carousel. Live order is carousel -> title box/article -> tabs ->
   gallery (as /edycja_2025, where the tabs are main-bottom). Re-order visually only (module positions untouched):
   the component box becomes display:contents and its <main> / single main-bottom card get their own grid rows around top-b. */
body .site-grid:has(.gala-top-background .gala_topbalck):has(>.container-top-b>.kbr-gala-tabs):has(.centopis-gala):not(:has(>.container-component>.main-bottom~.main-bottom)){grid-template-areas:"banner banner banner banner banner banner" "top-a top-a top-a top-a top-a top-a" "gmain gmain gmain gmain gmain gmain" "top-b top-b top-b top-b top-b top-b" "gbot gbot gbot gbot gbot gbot" "comp comp comp comp comp comp" "side-r side-r side-r side-r side-r side-r" "side-l side-l side-l side-l side-l side-l" "bot-a bot-a bot-a bot-a bot-a bot-a" "bot-b bot-b bot-b bot-b bot-b bot-b"}
@media (min-width:768px){body .site-grid:has(.gala-top-background .gala_topbalck):has(>.container-top-b>.kbr-gala-tabs):has(.centopis-gala):not(:has(>.container-component>.main-bottom~.main-bottom)){grid-template-areas:". banner banner banner banner ." ". top-a top-a top-a top-a ." ". gmain gmain gmain gmain ." ". top-b top-b top-b top-b ." ". gbot gbot gbot gbot ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-b ."}}
@media (min-width:992px){body .site-grid:has(.gala-top-background .gala_topbalck):has(>.container-top-b>.kbr-gala-tabs):has(.centopis-gala):not(:has(>.container-component>.main-bottom~.main-bottom)){grid-template-areas:". banner banner banner banner ." ". top-a top-a top-a top-a ." ". gmain gmain gmain gmain ." ". top-b top-b top-b top-b ." ". gbot gbot gbot gbot ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-b ."}}
body .site-grid:has(.gala-top-background .gala_topbalck):has(>.container-top-b>.kbr-gala-tabs):has(.centopis-gala):not(:has(>.container-component>.main-bottom~.main-bottom))>.container-component{display:contents}
body .site-grid:has(.gala-top-background .gala_topbalck):has(>.container-top-b>.kbr-gala-tabs):has(.centopis-gala):not(:has(>.container-component>.main-bottom~.main-bottom))>.container-component>main{grid-area:gmain}
/* OI-82: with the component box display:contents the crumb is an absolute grid item of .site-grid; anchor it to main's column. */
body .site-grid:has(.gala-top-background .gala_topbalck):has(>.container-top-b>.kbr-gala-tabs):has(.centopis-gala):not(:has(>.container-component>.main-bottom~.main-bottom))>.container-component>.mod-breadcrumbs__wrapper{grid-column:gmain;left:0;width:100%}
body .site-grid:has(.gala-top-background .gala_topbalck):has(>.container-top-b>.kbr-gala-tabs):has(.centopis-gala):not(:has(>.container-component>.main-bottom~.main-bottom))>.container-component>.main-bottom{grid-area:gbot}
/* gala2: BS5 .row>* gives .gala_author width:100% + margin-left 50%+15px -> 600px horizontal overflow (live BS3 block fills only the remaining half) */
.forgalafix .row>.gala_author{width:auto;max-width:calc(50% - 15px)}
@media (max-width:450px){.forgalafix .row>.gala_author{max-width:calc(100% - 15px)}}

/* homefix (Rafał 2026-10-28 12:18 "Popraw wszystko z listy 1-8"; docs/home-compare.md D1-D4, D6-D9). Home page only.
   Live values from newtempl.css (BS3): .btn 3px #ce9d2c, Lato 700 12px, .1em, uppercase, 45px, padding 11px 20px,
   margin 20px 0 30px; .carousel-indicators 15px squares at left 83.33%, bottom -45px; .video-side-fix 14px. */
/* D2 + OI-99: the beige full-bleed band on even news rows only on phones (<768), for every .news list (home .kbr-news and the
   /aktualnosci blog rows); 768-1196 keeps the in-row beige of live (max-width:1196px), >= 1197 no beige, as live. */
@media (max-width:767.98px){.news:nth-child(even){box-shadow:0 0 0 100vmax #f3f0ed;clip-path:inset(0 -100vmax)}}
/* D3: news titles not underlined, BS3 line-height 1.428571. */
.kbr-news a.news_title,.kbr-news a.news_title:hover,.kbr-news a.news_title:focus{text-decoration:none}
.kbr-news .card-body{line-height:1.428571}
/* D4 (G9 "indicators like live"): no prev/next arrows, gold indicator squares as live (same rules as #kbr-gala-slider);
   like live (BS3 visible-lg) the indicators show only from 1200px. */
#kbr-home-slider .carousel-control-prev,#kbr-home-slider .carousel-control-next{display:none}
#kbr-home-slider .carousel-indicators{left:83.333333%;right:auto;bottom:-45px;width:16.66666667%;margin:0 0 10px;padding:0;justify-content:center;text-align:center}
@media (max-width:1199.98px){#kbr-home-slider .carousel-indicators{display:none!important}}
#kbr-home-slider .carousel-indicators [data-bs-target]{flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;margin:0 0 0 13px;padding:0;border:0;border-radius:0;text-indent:-999px;background:#ce9d2c;opacity:1}
#kbr-home-slider .carousel-indicators .active{background:#051e41}
/* D6: home buttons (ZOBACZ WSZYSTKIE, POBIERZ, ZOBACZ WIĘCEJ) = live .btn box. OI-100: also the article sidebar AKTUALNOŚCI
   "zobacz więcej" (mod_articles sidebar.php, module 229); live .btn-default margin 20px 0 30px gives the gap below the gold line. */
.kbr-news .container-full .btn,.kbr-magazine .kbr-btn,.kbr-interviews .kbr-btn,.kbr-side-news .withtop5px .btn{display:inline-block;box-sizing:border-box;height:45px;margin:20px 0 30px;padding:11px 20px;border:3px solid #ce9d2c;border-radius:0;background:#fff;box-shadow:none;color:#ce9d2c;font:700 12px/1.428571 Lato,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.kbr-news .container-full .btn:hover,.kbr-news .container-full .btn:focus,.kbr-side-news .withtop5px .btn:hover,.kbr-side-news .withtop5px .btn:focus,.kbr-magazine .kbr-btn:hover,.kbr-magazine .kbr-btn:focus,.kbr-interviews .kbr-btn:hover,.kbr-interviews .kbr-btn:focus{background:#ce9d2c;border-color:#ce9d2c;color:#fff}
.kbr-magazine .kbr-more,.kbr-interviews .kbr-more{margin:0;padding:0}
/* D7: magazine caption as live (16px #535353, BS3 p margin 0 0 10px). */
.kbr-magazine p:not(.kbr-more){margin:0 0 10px;color:#535353;font-size:16px;line-height:1.428571}
/* D1: "Wywiady 2025" heading as live .video-side-fix > h3, captions 14px, only the first interview shown,
   then the gold 3px line (live hr.showvideo) and ZOBACZ WIĘCEJ (links to /wideo). */
.kbr-interviews h3{margin:0 0 10px;padding:0;color:#535353;font:700 24px/1.1 Lato,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.kbr-interviews h3::after{content:none}
.kbr-interviews .kbr-interview{padding-bottom:15px;color:#535353;font-size:14px;line-height:1.428571;text-align:center}
.kbr-interviews .kbr-interview p{margin:0}
.kbr-interviews .kbr-interview p:first-child a{font-weight:700;text-decoration:none}
.kbr-interviews .kbr-interview p:last-child{color:#808080}
.kbr-interviews .kbr-interview ~ .kbr-interview{display:none}
.kbr-interviews .kbr-more{border-top:3px solid #ce9d2c;margin-top:20px;padding-top:20px;text-align:center}
/* D9: phones - navy band full-bleed on both sides of the organiser block, WPIIB logo max 308px centred (live). */
@media (max-width:767.98px){
  .container-bottom-a{clip-path:inset(0 -100vmax)}
  .kbr-org img{max-width:min(308px,100%);margin:0 auto 32px}
}

/* OI-92 (editor items 7, 9): list thumbnails are 260x155 boxes; crop like live /resize/260x155 instead of stretching. */
.news2 img.miniimg{object-fit:cover}
/* OI-97 (editor items 14, 15): firma layout image_intro logo = live newtempl .logofix (gold top line, on the band edge). */
.speztop img.logofix:not(.miniimg180){display:block;width:auto;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-top:5px solid #ce9d2c;margin:0 auto -90px;z-index:10}
@media (max-width:1197px){.speztop img.logofix:not(.miniimg180){margin-bottom:-72px}}
/* OI-103 (Rafal 09:11) laureate lists + OI-107 (Rafal 10:37) /aktualnosci: live shows no "Strona 1 z N" counter on any
   category list, so the counter is hidden on every blog list (was: only menu item 173). */
.com-content-category-blog__counter{display:none}

/* OI-104 (Rafal 10:37) firma laureate pages (layout firma: speztop + creatorlaur, not the kreator person layout) = live
   geometry. Live speztop starts at y -10 under the fixed 138/132 px navbar, so the breadcrumb (70 px, 110 when it wraps)
   is drawn under the navbar and never seen; the logo lands at y 80. Staging had the breadcrumb in the flow below the sticky
   header (logo at y 208). The breadcrumb stays in the DOM (hidden, as unseen on live) and is pulled up under the header
   (--kbr-hh = header height, user.js); its width is live's so it wraps at the same widths. */
/* OI-109 (Anna 30.10, reverses the hide above): the breadcrumb is shown in the flow below the sticky header (live draws it
   under its fixed navbar - a live bug Anna does not want copied); everything below moves down by its height (70/110 px). */
.container-component:has(> main > .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) > .mod-breadcrumbs__wrapper > .mod-breadcrumbs{width:calc(var(--kbr-vw, 100vw) * 10 / 12 - 15px);margin-inline:auto!important}
@media (min-width:1197px){.container-component:has(> main > .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) > .mod-breadcrumbs__wrapper > .mod-breadcrumbs{width:1176px}}
/* OI-104: live text column = BS3 col-xs-10 offset-1 of the page width below 1197 px (one column), 1191 px centred with
   two columns from 1197 px (live breakpoint); text inset 22.5 px. Live text x: 147 @1440, 108 @1024, 87 @768, 55 @390. */
main:has(> .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) .row > .colmniz{flex:0 0 auto;max-width:none;width:calc(var(--kbr-vw, 100vw) * 10 / 12);margin-left:calc(50% - var(--kbr-vw, 100vw) * 5 / 12);padding-left:22.5px;padding-right:22.5px;column-count:1}
@media (min-width:1197px){main:has(> .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) .row > .colmniz{width:1191px;margin-left:calc(50% - 595.5px);column-count:2;column-gap:30px}}
/* OI-104: the laurel/title/intro row uses the same live widths (BS3 col-xs-10 offset-1 below 1197 px, 1191 px above) with 7.5 px
   padding, so the title and intro wrap like live (staging: BS5 container 600/960/1160 px). */
main:has(> .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) .row:has(> .creatorlaur) > .col-lg-12{flex:0 0 auto;max-width:none;width:calc(var(--kbr-vw, 100vw) * 10 / 12);margin-left:calc(50% - var(--kbr-vw, 100vw) * 5 / 12);padding-left:7.5px;padding-right:7.5px}
@media (min-width:1197px){main:has(> .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) .row:has(> .creatorlaur) > .col-lg-12{width:1191px;margin-left:calc(50% - 595.5px)}}
/* OI-104: live firma.php prints the empty field slots as &nbsp; lines (22.86 px each: under the title and under the photo
   strip) and BS3 columns have min-height 1px (the border-1 holder); staging's slots are empty (0 px), which made the strip
   ~23 px and the text ~47 px higher than live. Same heights here, no markup change. */
main:has(> .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) .row > .col-lg-12.text-center:not(:has(*)){min-height:22.857px}
main:has(> .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)) .row > .col-lg-12:has(> .border-1){min-height:1px}
/* OI-105 (page 1849): the article has no images, so staging renders no strip; live renders an empty owl-carousel box
   (22.86 px, nothing visible). Keep the same vertical space; no content change. */
main:has(> .speztop.withbotom5px:first-child + .container .creatorlaur):not(:has(.text_kreatorrokutitle)):not(:has(.kbr-carousel)) > .container:has(.creatorlaur)::after{content:"";display:block;height:22.857px}

/* OI-107 (Rafal 10:37) /aktualnosci pagination = live: live newtempl hides start/prev/next/end at every width
   (.pagination-start/-prev/-next/-end{display:none}), so only the page numbers show: BS3 boxes 6px 12px, 1px #ddd border
   collapsed (-1px), text #535353, current page #ce9d2c on white text, centred, margin 20px 0. J5 always renders the four
   controls as the first two and last two items. The row wraps, so 360/390 px no longer overflow (was 455 px wide).
   Live at <660 px hides the numbers too (script); staging keeps them, wrapped. */
.com-content-category-blog__pagination .pagination{flex-wrap:wrap;justify-content:center;gap:0;margin:20px 0!important;padding:0}
.com-content-category-blog__pagination .pagination > li:is(:first-child,:nth-child(2),:nth-last-child(2),:last-child){display:none}
.com-content-category-blog__pagination .pagination .page-link{min-width:0;margin-left:-1px;padding:6px 12px;border:1px solid #ddd;border-radius:0;background:#fff;color:#535353;font:16px/1.428571 Lato,sans-serif}
.com-content-category-blog__pagination .pagination .page-link:is(:hover,:focus){z-index:2;background:#eee;border-color:#ddd;color:#23527c}
.com-content-category-blog__pagination .pagination .page-item.active .page-link,
.com-content-category-blog__pagination .pagination .page-item.active .page-link:is(:hover,:focus){z-index:3;background:#ce9d2c;border-color:#ddd;color:#fff}
/* OI-108: interviews as live .video-side-fix - local thumbnail (module 228 HTML) in the live 276x163 iframe box, centred,
   captions below; 2 interviews at every width like live (OI-108b; the 2nd is shown before user.js runs so nothing shifts); after user.js
   .kbr-iv-open (ZOBACZ WIĘCEJ button) shows all and hides the button. */
.kbr-interviews:not(.kbr-iv-ready) .kbr-interview:first-of-type + .kbr-interview{display:block}
.kbr-interviews button.kbr-btn{cursor:pointer;-webkit-appearance:none;appearance:none}
.kbr-interviews.kbr-iv-ready .kbr-interview ~ .kbr-interview{display:block}
.kbr-interviews.kbr-iv-ready .kbr-interview.kbr-iv-more{display:none}
.kbr-interviews.kbr-iv-open .kbr-interview.kbr-iv-more{display:block;animation:kbr-iv-in .35s ease-out}
.kbr-interviews.kbr-iv-open .kbr-more{display:none}
@keyframes kbr-iv-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.kbr-interviews.kbr-iv-open .kbr-interview.kbr-iv-more{animation:none}}
.kbr-interviews .kbr-iv-thumb{position:relative;display:block;width:276px;max-width:100%;margin:0 auto;background:#000}
.kbr-interviews .kbr-iv-thumb{aspect-ratio:276/163}
.kbr-interviews .kbr-iv-thumb img{display:block;width:100%;height:100%;aspect-ratio:276/163;object-fit:cover}
.kbr-interviews .kbr-iv-thumb::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:rgba(33,33,33,.8);transition:background-color .2s}
.kbr-interviews .kbr-iv-thumb::before{content:"";position:absolute;z-index:1;left:50%;top:50%;margin:-9px 0 0 -6px;border-style:solid;border-width:9px 0 9px 16px;border-color:transparent transparent transparent #fff}
.kbr-interviews .kbr-iv-thumb:hover::after,.kbr-interviews .kbr-iv-thumb:focus-visible::after{background-color:#f00}
.kbr-interviews .kbr-iv-thumb:focus-visible{outline:3px solid #ce9d2c;outline-offset:2px}
.kbr-interviews .kbr-iv-thumb + p.kbr-iv-textlink{display:none}

/* OI-111: at 992-1196px a laureate list row (.news straight in main, no sidebar) kept the -15px bleed of the (max-width:1196px)
   rule, but the grid gutter here is only 0.75rem, so the row ran 3px past the viewport. Bleed exactly to the gutter instead. */
@media (min-width: 992px) and (max-width: 1196px) {
  body:not(.has-sidebar-right) main > .news {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

/* OI-112: home laureate tiles. The empty right part of ul.icons-bar (-15px margins) ran 3-8px past the viewport at 992-1199px;
   the tiles themselves stay inside, so clip the tab content box sideways (no layout or visual change, kept as live 28.10). */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.view-featured .kbr-tabs .tab-content {
    overflow-x: clip;
  }
}