@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../../../fonts/Inter-Regular-400.woff2) format("woff2");
}

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

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

:root {
  --font-family-main: "Inter", sans-serif;
  --color-font: #000000e0;
  --color-black: #000000;
  --color-light-black: #000000d9;
  --color-main: #008ad2;
  --color-body-bg: #ffffff;
  --color-text-big-superscription: #ffffff;
  --color-bg-big-superscription: #008ad2;
  --color-text-small-superscription: #ffffff;
  --color-bg-small-superscription: #008ad2;
  --color-bg-slot: #ffffff;
  --color-big-slot-title: #000000e0;
  --color-small-slot-title: #000000e0;
  --color-bg-slot-border: #ffffff;
  --color-bg-header: #ffffff;
  --color-border-header: #008ad2;
  --color-border-line: #666666;
  --color-white: #ffffff;
  --color-pagination: #008ad2;
  --color-quiz: #008ad2;
  /* Gallery */
  --color-gallery-text: #ffffff;
  --color-gallery: #008ad2;
  --color-gallery-overlay: rgba(0, 0, 0, 0.6);
  /* Taboola feed */
  --font-family-taboola-feed: "Inter", sans-serif;
  --radius-taboola-feed: 0;
  --color-font-taboola-feed: #000000;
  /* Breadcrumbs */
  --color-breadcrumbs-text: #000000;
  --color-breadcrumbs-link: rgba(0, 0, 0, 0.6);
  /* Border radiuses */
  --radius-lead-image: 20px;
  --radius-lead-gallery-main: 20px;
  --radius-lead-gallery-thumbnail: 20px;
  --radius-article-gallery: 20px;
  --radius-article-image: 0;
  --radius-video: 0;
}

body {
  font-family: var(--font-family-main);
  color: var(--color-font);
  background: var(--color-body-bg);
}

.gl_wrapper {
  background: var(--color-body-bg);
}

body.main-layout.screening .zpr_screening {
  background-attachment: fixed !important;
}

.zpr_combo .zpr_box_top1 {
  margin-top: 8px;
}

.tag-layout.wide section + section .gl_wrapper,
.author-layout.wide section + section .gl_wrapper,
.podcast-layout.wide section + section .gl_wrapper {
  padding-top: 16px;
}

/* header */
.header {
  position: relative;
}

.header .header-bar {
  background-color: var(--color-bg-header);
  margin-left: calc(50vw - 620px);
  justify-content: center;
  align-items: flex-end;
  height: 48px;
  width: 1280px;
  z-index: 9999998;
}

.header .header-bar-wrapper {
  position: relative;
  z-index: 9999998;
  background-color: var(--color-bg-header);
  border-bottom: 4px solid var(--color-border-header);
}

.header .bottom-tap-bar .bottom-tap-bar-item__icon {
  display: none;
}

.header
  .header-bar
  .bottom-tap-bar
  .bottom-tap-bar-item
  .bottom-tap-bar-item__text
  span {
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--color-black);
}

.header
  .header-bar
  .bottom-tap-bar
  .bottom-tap-bar-item:hover
  .bottom-tap-bar-item__text
  span {
  opacity: 100%;
}

.header .header-bar .bottom-tap-bar .bottom-tap-bar-item__dots {
  position: relative;
  font-size: 0;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  background: url(/media/muratorplus/desktop/images/header-desktop-hamburger-icon.svg);
  background-size: 60px;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  top: 3px;
  left: -8px;
  margin: 0;
}

.header
  .header-bar
  .bottom-tap-bar
  .bottom-tap-bar-item.dots.active
  .bottom-tap-bar-item__dots {
  width: 48px;
  height: 48px;
  background: url(/media/muratorplus/desktop/images/header-desktop-x-icon.svg);
  background-size: 48px 48px;
  background-repeat: no-repeat;
  left: 2px;
  opacity: 100%;
  top: 9px;
}

.header .header-bar .bottom-tap-bar .bottom-tap-bar-item.dots {
  position: relative;
  top: -8px;
  right: -70px;
  padding: 0;
}

.header .header-bar .header-bar__logo {
  margin-left: calc((1280px / 2) - 270px);
}

.header .header-bar .header-bar__logo img {
  position: relative;
  top: 24px;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  height: 60px;
  padding: 8px 24px;
  background-color: var(--color-white);
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  z-index: 999999999999999999;
}

.header .header-bar .bottom-tap-bar .bottom-tap-bar-item {
  padding: 12px 24px;
  font-size: 17px;
  line-height: normal;
  margin: 0 16px;
  height: 48px;
}

.header .header-bar .bottom-tap-bar {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  height: 48px;
  margin-bottom: 0;
  width: max-content;
}

.bottom-tap-bar .bottom-tap-bar-wrapper {
  align-items: flex-end;
}

.header .header-bar .bottom-tap-bar a {
  position: relative;
  top: 0;
}

.header .header-bar .bottom-tap-bar a:nth-of-type(1) {
  position: absolute;
  left: 120px;
}

.header .header-bar .bottom-tap-bar a:nth-of-type(2) {
  position: absolute;
  left: 280px;
}

.header .header-bar .bottom-tap-bar a:hover .bottom-tap-bar-item {
  background-color: var(--color-main);
}

.header .header-bar .bottom-tap-bar a:hover .bottom-tap-bar-item span {
  color: var(--color-white);
}

/* footer */
footer .gl_wrapper > .row {
  border-top: 4px solid;
  border-image: linear-gradient(
    90deg,
    var(--color-white) 0%,
    var(--color-main) 35%,
    var(--color-main) 65%,
    var(--color-white) 100%
  );
  border-image-slice: 1;
  padding: 24px 24px 0 24px !important;
}

footer .legal-info {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  order: 1;
  margin: 0 0 24px 0 !important;
  text-align: center;
  width: 100% !important;
}

footer .show-list,
footer .list,
footer .copyright {
  background-color: var(--color-main);
}

footer .serwis-list:before,
footer .serwis-list .copyright:before {
  position: absolute;
  background-color: var(--color-main);
  content: "";
  height: 42px;
  width: 100vw;
  z-index: 0;
  left: calc(-50vw - -50%);
}

footer .serwis-list .copyright:before {
  border-top: 1px solid var(--color-white);
  margin-top: -1px;
}

footer .fa-caret-down:before {
  background-size: contain;
  width: 14px;
  height: 8px;
  content: "";
  background-image: url(/media/muratorplus/desktop/images/white_caret_down.svg);
  background-size: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}

footer .copyright .copyright__text {
  position: relative;
}

footer .serwis-list.show:before {
  height: 180px;
}

footer .show-list::after {
  content: "";
  position: absolute;
  left: calc(-50vw - -50%);
  top: 40px;
  border-bottom: 1px solid var(--color-white);
  width: 100vw;
}

footer .serwis-list .list ul li .h5 {
  color: var(--color-black);
  font-weight: 600;
}

footer .serwis-list a:hover {
  color: var(--color-black);
}

footer .list {
  padding: 16px 8px;
}

footer .legal .h3,
footer .about .h3 {
  color: var(--color-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

footer ul li,
footer ol li,
footer dl li {
  line-height: 16px;
  height: 16px;
}

footer .legal-info .h5 {
  text-align: left;
}

footer ul li a:hover {
  color: var(--color-main);
}
/* /footer */

/* sekcje v1, v2, v3 */
.section__v1 .section__slots,
.section__v2 .section__slots {
  grid-column-gap: 20px !important;
  grid-row-gap: 20px !important;
}

.section__v1 .section__slots .slot,
.section__v2 .section__slots .slot,
.section__v3 .section__slots .slot {
  border-radius: 8px;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.section__v1 .section__slots .slot.slot__small,
.section__v2 .section__slots .slot.slot__small,
.section__v3 .section__slots .slot {
  width: 300px !important;
  max-width: 300px !important;
  height: 370px !important;
  max-height: 370px !important;
}

.section__v1 .section__slots .slot.slot__small .slot__image picture img,
.section__v1 .section__slots .slot.slot__small .slot__image,
.section__v2 .section__slots .slot.slot__small .slot__image picture img,
.section__v2 .section__slots .slot.slot__small .slot__image {
  border-radius: 8px 8px 0 0;
}

.section__v1 .section__slots .slot.slot__small .slot__image figure,
.section__v2 .section__slots .slot.slot__small .slot__image figure {
  height: 250px;
}

.section__v1 .section__slots .slot.slot__big .slot__image picture img,
.section__v1 .section__slots .slot.slot__big .slot__image,
.section__v2 .section__slots .slot.slot__big .slot__image picture img,
.section__v2 .section__slots .slot.slot__big .slot__image {
  width: 610px !important;
  border-radius: 8px 8px 0 0;
}

.section__v2 .section__slots .slot .slot__image::after,
.section__v3 .section__slots .slot .slot__image::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 1;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(
    to right,
    var(--color-white) 50%,
    var(--color-main) 100%
  );
}

.section__v3 .section__slots .slot .slot__image::after {
  width: 300px;
}

.section__v1 .section__slots .slot.slot__big,
.section__v2 .section__slots .slot.slot__big {
  height: 760px !important;
  width: 610px !important;
  max-width: 610px !important;
}

.section__v1.section__light
  .section__slots
  .slot.slot__small
  .slot__content::after,
.section__v2.section__light
  .section__slots
  .slot.slot__small
  .slot__content::after,
.section__v1.section__dark
  .section__slots
  .slot.slot__small
  .slot__content::after,
.section__v1 .section__slots .slot.slot__big .slot__content::after,
.section__v2.section__dark
  .section__slots
  .slot.slot__small
  .slot__content::after,
.section__v2 .section__slots .slot.slot__big .slot__content::after,
.section__v1.section__dark
  .section__slots
  .slot.slot__small.slot_5
  .slot__content::after,
.section__v1.section__dark
  .section__slots
  .slot.slot__small.slot_6
  .slot__content::after {
  display: none;
}

.section__v1 .section__slots .slot.slot__big .slot__superscription,
.section__v2 .section__slots .slot.slot__big .slot__superscription {
  left: 0 !important;
  right: 0 !important;
  height: 32px;
  padding: 0 40px;
  top: 516px !important;
  text-align: left;
  background-color: var(--color-bg-big-superscription);
  color: var(--color-text-big-superscription);
}

.section__v1
  .section__slots
  .slot.slot__big
  .slot__content
  .slot__superscription
  p,
.section__v2
  .section__slots
  .slot.slot__big
  .slot__content
  .slot__superscription
  p {
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
  color: var(--color-text-big-superscription) !important;
  background-color: unset !important;
  padding: 0 !important;
  text-transform: none !important;
}

.section__v1 .section__slots .slot.slot__big .slot__content .slot__title p,
.section__v2 .section__slots .slot.slot__big .slot__content .slot__title p {
  top: 556px !important;
  font-weight: 600 !important;
  font-size: 40px !important;
  line-height: 60px !important;
  line-clamp: 3 !important;
  -webkit-line-clamp: 3 !important;
  color: var(--color-big-slot-title) !important;
  text-align: left;
}

.section__v1
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription,
.section__v2
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription,
.section__v3 .section__slots .slot .slot__content .slot__superscription {
  top: 226px !important;
  background-color: var(--color-bg-small-superscription);
  color: var(--color-text-small-superscription);
}

.section__v1
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription
  p,
.section__v2
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription
  p,
.section__v3 .section__slots .slot .slot__content .slot__superscription p {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--color-text-small-superscription) !important;
  padding: 0 !important;
  background-color: unset !important;
  text-transform: unset !important;
}

.section__v1 .section__slots .slot.slot__small .slot__content .slot__title p,
.section__v2 .section__slots .slot.slot__small .slot__content .slot__title p,
.section__v3 .section__slots .slot .slot__content .slot__title p {
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  color: var(--color-small-slot-title) !important;
  line-clamp: 3 !important;
  -webkit-line-clamp: 3 !important;
  padding: 11px 24px 0 24px !important;
}

.section__v1
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription
  + .slot__title
  p,
.section__v2
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription
  + .slot__title
  p,
.section__v2
  .section__slots
  .slot
  .slot__content
  .slot__superscription
  + .slot__title
  p {
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  color: var(--color-small-slot-title) !important;
  line-clamp: 3 !important;
  -webkit-line-clamp: 3 !important;
  top: 251px !important;
  padding: 16px 24px 0 24px;
}

.section__v1 .section__slots .slot.slot__small .slot__content .slot__title p,
.section__v2 .section__slots .slot.slot__small .slot__content .slot__title p,
.section__v2 .section__slots .slot .slot__content .slot__title p {
  top: 251px !important;
}

.section__v1
  .section__slots
  .slot.slot__big
  .slot__content
  .slot__superscription
  + .slot__title
  p,
.section__v2
  .section__slots
  .slot.slot__big
  .slot__content
  .slot__superscription
  + .slot__title
  p {
  top: 556px !important;
  font-weight: 600 !important;
  font-size: 40px !important;
  line-height: 60px !important;
  line-clamp: 3 !important;
  -webkit-line-clamp: 3 !important;
  color: var(--color-big-slot-title) !important;
  text-align: left;
  left: 40px;
  right: 40px;
  padding: 0 !important;
}

.section__v1 .section__slots .slot.slot__big .slot__content .slot__title p,
.section__v2 .section__slots .slot.slot__big .slot__content .slot__title p {
  top: 528px !important;
}

.section__v3 .section__slots > a .slot__content .slot__title {
  top: unset !important;
}

.section__v3 .section__slots > a .slot__content .slot__title p {
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  color: var(--color-small-slot-title) !important;
  line-clamp: 3 !important;
  -webkit-line-clamp: 3 !important;
  top: 251px !important;
  padding: 16px 24px 0 24px;
  margin: 0 !important;
}

.section__v3 .section__slots > a .slot__content,
.section__v3 .section__slots > a .slot__content .slot__superscription {
  width: 300px !important;
}

.section__v1 .section__header .section__links,
.section__v2 .section__header .section__links,
.section__v3 .section__header .section__links {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap !important;
  min-height: 38px !important;
  height: auto !important;
  width: 100% !important;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.section__v1 .section__header .section__links a,
.section__v2 .section__header .section__links a,
.section__v3 .section__header .section__links a {
  display: inline-flex;
  align-items: left !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-transform: unset !important;
  color: var(--color-light-black) !important;
  margin: 8px 16px !important;
  max-width: unset !important;
}

.section__v1 .section__header .section__links a:hover,
.section__v2 .section__header .section__links a:hover,
.section__v3 .section__header .section__links a:hover {
  color: var(--color-main) !important;
}

.section__v1 .section__header .section__title,
.section__v2 .section__header .section__title,
.section__v3 .section__header .section__title,
.section__v1 .section__header .section__title a,
.section__v2 .section__header .section__title a,
.section__v3 .section__header .section__title a,
.section__v1 .section__header .section__title h2,
.section__v2 .section__header .section__title h2,
.section__v3 .section__header .section__title h2,
.section__rotator .section__title,
.section__rotator .section__title a,
.section__rotator .section__title h2 {
  display: flex;
  justify-content: center;
  margin-left: 0 !important;
  font-size: 38px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
  color: var(--color-light-black) !important;
  text-transform: unset !important;
}

.section__v1 .section__header .section__title,
.section__v2 .section__header .section__title,
.section__v3 .section__header .section__title {
  margin-bottom: 16px !important;
}

.slot__superscription p::first-letter,
.element__superscription p::first-letter {
  text-transform: uppercase !important;
}

.section__v1 .section__slots .slot.slot__small .slot__content,
.section__v2 .section__slots .slot.slot__small .slot__content {
  padding-bottom: 0 !important;
}
/* /sekcje v1, v2, v3 */

/* Elementy SG */
.main-layout.wide #side_1_noscroll {
  display: inline-block;
  width: 300px;
  height: 615px;
  max-height: 615px;
  margin-top: 8px;
  margin-left: 16px;
  margin-bottom: 0;
}

.main-layout.wide #side_1_noscroll + .listing.v18_side {
  width: 300px;
  max-height: 920px;
  overflow: hidden;
  height: auto;
  margin-top: 0;
  margin-left: 16px;
  margin-bottom: 0;
  top: 640px;
  left: 948px;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.listing.v18_side .main-title-listing,
.listing.v18_side .main-title-listing a,
.listing.v18_side .main-title-listing span,
.section__v4 .section__title,
.section__v4 .section__title a {
  font-size: 30px !important;
  line-height: 32px !important;
  text-transform: uppercase;
  margin-bottom: 4px;
  justify-content: flex-start !important;
  height: 32px;
}

.listing.v18_side .element__headline,
.section__v4 .section__slots .slot_container {
  border-bottom: 1px solid var(--color-main) !important;
}

.listing.v18_side .element__headline a,
.section__v4 .section__slots a {
  margin: 16px 0 !important;
}

.listing.v18_side .element__headline a:hover {
  color: var(--color-main);
}

.section__rotator {
  padding: 8px 0;
}

.section__rotator .section__slots .rotator::before,
.section__rotator .section__slots .rotator::after {
  display: none;
}

.rotator .swiper-slide figure {
  width: 198px;
  height: 164px;
}

.rotator .swiper-slide {
  width: 198px !important;
  border-radius: 8px;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.rotator .swiper-slide::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 1;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(
    to right,
    var(--color-white) 50%,
    var(--color-main) 100%
  );
}

.rotator .swiper-slide:hover img {
  filter: brightness(1.15);
}

.rotator .swiper-slide img {
  width: 198px !important;
}

.section__rotator .section__slots .rotator .slot__content {
  width: 198px;
  max-width: 198px;
  background-color: var(--color-white);
  padding: 8px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.section__rotator .section__slots .rotator .slot__content p {
  color: var(--color-light-black);
  text-align: left;
}

.rotator .swiper-button-prev {
  left: 0 !important;
  right: auto;
  top: 50% !important;
  width: 40px;
  height: 60px;
}

.rotator .swiper-button-prev:after {
  background: url(/media/muratorplus/desktop/images/chevron-left.svg);
  height: 60px;
  width: 40px;
  background-size: 40px 60px;
  background-position: center center;
  background-repeat: no-repeat;
}

.rotator .swiper-button-next {
  right: 0px !important;
  left: auto;
  top: 50% !important;
  width: 40px;
  height: 60px;
}

.rotator .swiper-button-next:after {
  background: url(/media/muratorplus/desktop/images/chevron-right.svg);
  height: 60px;
  width: 40px;
  background-size: 40px 60px;
  background-position: center center;
  background-repeat: no-repeat;
}

.article-layout .main__section section + section:has(.article__wide) {
  margin-top: 16px;
}

.main-layout.wide .main-content .main-title-listing,
.main-layout.wide .main-content .main-title-listing a,
.article-layout .section__title,
.article-layout .main-title-listing,
.article-layout .main-title-listing a,
.category-layout .main-title-listing,
.category-layout .main-title-listing a,
.section__v1 .section__title,
.section__v1 .section__title a,
.blockinfo .blockinfo__text h1 {
  display: flex;
  justify-content: flex-start !important;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  margin-left: 0;
  margin-bottom: 16px;
  color: var(--color-font);
  text-align: center;
  text-transform: unset !important;
}

.article-layout .main-title-listing a,
.category-layout .main-title-listing a {
  margin-bottom: 0 !important;
}

.category-layout .blockinfo .blockinfo__text h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: 46px;
  justify-content: center !important;
}

.category-layout.wide .gl_wrapper section .row {
  padding-top: 0;
}

.listing .button {
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  color: var(--color-white);
  margin-top: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  border-radius: 10px;
  transition: 0.6s;
}

.listing .button:hover {
  background-color: var(--color-white);
  color: var(--color-main);
}
/* /Elementy SG */

/* menu */
.header .bottom-tap-menu {
  position: absolute;
  top: 48px;
  right: calc((100vw - 1296px) / 2);
  width: 1280px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 1280px;
  min-height: 564px;
  height: max-content;
  background: #fffffff5;
  padding: 24px 16px 16px 16px;
  z-index: 9998888;
}

.header .bottom-tap-menu.hide {
  min-height: 0;
  padding: 24px 16px 80px 16px;
}

@media (max-width: 1280px) {
  .header .bottom-tap-menu {
    right: 0;
  }
}

.header .bottom-tap-menu ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 24px 0;
  z-index: 15;
}

.header .bottom-tap-menu ul li ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 97%;
}

.header .bottom-tap-menu ul li ul.subnav {
  flex-direction: row;
  margin-left: 24px;
  margin-top: 0;
  margin-bottom: 0;
  width: 1024px;
}

.header .bottom-tap-menu ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 9px;
  background-color: var(--color-white);
  margin: 0;
  padding: 8px 16px;
  text-align: left;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.header .bottom-tap-menu ul .subnav li {
  padding: 0;
  box-shadow: unset;
}

.header .bottom-tap-menu ul li > a:first-of-type {
  min-width: 160px;
  margin: 0 10px 0 0;
  height: 24px;
  color: var(--color-black);
  text-transform: none;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.header .bottom-tap-menu ul.subnav li a {
  font-size: 14px;
  font-weight: 400;
}

.header .bottom-tap-menu ul li a:hover {
  text-decoration: underline;
}
/* /menu */

article h1 {
  font-size: 38px;
  line-height: 46px;
  font-weight: 600;
  color: var(--color-font);
  margin-bottom: 24px;
}

article .lead {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--color-font);
  margin-bottom: 24px;
}

article p {
  font-weight: 400;
  font-size: 17px;
  line-height: 32px;
  color: var(--color-font);
}

article .toc {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--color-font);
  margin-bottom: 8px !important;
  margin-left: 24px;
}

article .toc + ol,
article .toc + ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 10px;
  padding: 4px 24px 24px 44px;
  background-color: #f5f5f5;
  margin-bottom: 40px;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

article .toc + ol li,
article .toc + ol li a,
article .toc + ul li,
article .toc + ul li a {
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  color: var(--color-font);
  text-decoration: none;
}

article .toc + ol li a,
article .toc + ul li a {
  text-decoration: underline !important;
  text-decoration-color: var(--color-main) !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2px !important;
}

article .toc + ol li a:hover,
article .toc + ul li a:hover {
  text-decoration: unset !important;
}

article li,
article li a {
  font-size: 17px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  color: var(--color-font);
  text-decoration: none;
}

article a,
article li a {
  font-size: 17px;
  font-weight: 400;
  color: var(--color-font);
  text-decoration: underline !important;
  text-decoration-color: var(--color-font) !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
}

article strong a,
article li strong a {
  text-decoration-color: var(--color-font) !important;
}

article a:hover,
article li a:hover {
  text-decoration: none !important;
}

.wide.article-layout .block_list__container {
  font-size: 17px;
}

.wide.article-layout .block_list__container > p,
.wide.article-layout .block_list__container > blockquote {
  margin-bottom: 40px;
}

.wide.article-layout .block_list__container > h2,
.wide.article-layout .block_list__container > h3,
.wide.article-layout .block_list__container > h4,
.wide.article-layout .block_list__container > h5,
.wide.article-layout .block_list__container > h6 {
  margin-top: 24px;
}

article h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 800;
  color: var(--color-font);
}

article h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--color-font);
}

article h4,
article h5,
article h6 {
  font-weight: 800;
  color: var(--color-font);
}

/* - Quiz in article - */
article .quizv2 > div {
  background-color: var(--color-white) !important;
  padding: 16px !important;
}

/* - audio block - */
article .audioBlock .vjs-control-bar,
article .audioBlock .vjs-progress-control .vjs-control {
  background-color: var(--color-main);
}

article .audioBlock .audioBlock__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
}

/* - recommended content - */
article .recommended-content {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  float: left;
  width: 240px;
  height: auto;
  border-top: 0;
  border-bottom: 0;
  margin: 0 16px 0 0;
  padding: 16px 16px 8px 16px;
  z-index: 1;
  border-radius: 16px;
  background-color: #f5f5f5;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

article .recommended-content .title {
  line-height: 15px;
  margin-left: 0 !important;
  margin-bottom: 16px;
}

article .recommended-content .recommendedTitle__text {
  display: inline-flex;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-font);
}

article .recommended-content .item a {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black);
  text-decoration: underline !important;
  text-decoration-color: var(--color-main) !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2px !important;
}

article .recommended-content .item span {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black);
}

article .recommended-content .item a:hover {
  text-decoration: none !important;
}

/* video */
article .player.video_player {
  background-color: var(--color-main);
  padding-top: 0 !important;
}

article .player.video_player .player__title {
  font-size: 18px;
  line-height: 32px;
  font-weight: 800;
  color: var(--color-white);
  padding: 10px;
  margin-bottom: 0;
}

/* expert */
article .expert-block .expert-name .expert__nameText {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 1px;
  color: var(--color-font);
}

article .expert-block .expert-name .expert__nameText {
  position: relative;
}

article .expert-block .expert-name .expert__nameText::before {
  display: block;
  position: absolute;
  content: "";
  width: 4px;
  height: 28px;
  left: 160px;
  top: 0;
  background: var(--color-main);
}

article .expert-block .expert-text p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  color: var(--color-font);
}

article .expert-block .expert-images img {
  border-radius: 0;
}

article .expert-block .expert__main {
  border: 0;
}

/* zpr-shopping */
article .zpr_shopping__article .stm-title {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 1px;
  color: var(--color-font);
}

article .zpr_shopping__article .stms-title-link span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-font);
}

article .zpr_shopping__article .stm-shopping-container .btn-link {
  background-color: var(--color-main);
  font-weight: 800;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-white);
  padding: 10px 16px;
}

/*---------------
ZPR Shopping 2.0
---------------*/
article
  #article_zpr_shopping.zpr_shopping__article
  .stms-3-in-row.active
  .btn-link,
article
  #article_zpr_shopping.zpr_shopping__article
  .stms-3-in-row:hover
  .btn-link {
  background-color: var(--color-white);
  color: var(--color-main);
  border: 1px solid var(--color-main);
}

/* legal */
article .infoLegal {
  border: 1px solid #99acbb;
  border-radius: 8px;
}

.article .infoLegal p {
  font-size: 18px;
  line-height: 32px;
  color: var(--color-main);
}

/* SIL */
.article .infoSil p {
  font-size: 14px;
  line-height: 20px;
  color: #435360;
}

/* product presentation */
article .product-presentation .product-presentation__label {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #435360;
}

article .product-presentation .product-presentation__image--small {
  margin-bottom: 24px;
}

article .product-presentation .product-presentation__image img {
  border-radius: 8px;
}

article .product-presentation .product-presentation__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: var(--color-font);
  text-align: center;
}

article .product-presentation .product-presentation__text p {
  font-size: 18px;
  line-height: 32px;
  color: var(--color-font);
}

article .product-presentation .product-presentation__button-link {
  background-color: var(--color-main);
  padding: 10px 96px;
  font-weight: 800;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-white);
  border-radius: 8px;
  text-decoration: none !important;
}

article .product-presentation .product-presentation__button-link:hover {
  background-color: var(--color-white);
  color: var(--color-main);
}

article
  .product-presentation
  .product-presentation__image.product-presentation__image--big
  img {
  width: 932px;
  height: auto;
}

/* highlight */
article .highlight {
  border-bottom: 1px solid #0000000f;
  padding-bottom: 0;
}

article .highlight .highlight__title {
  float: none;
  width: auto;
}

article .highlight .highlight__textbox {
  margin-bottom: 8px;
}

article .highlight .highlight__title .hightlight__text {
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--color-font);
  border-bottom: 1px solid #0000000f;
  padding-bottom: 8px;
}

article .highlight .highlight__textbox p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: var(--color-font);
}

article .highlight .highlight__button {
  text-align: right;
}

article .highlight .highlight__button .hightlight__button-link {
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  padding: 5px 15px;
  color: var(--color-white);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  border-radius: 6px;
  text-decoration: none !important;
}

article .highlight .highlight__button .hightlight__button-link:hover {
  background-color: var(--color-white);
  color: var(--color-main);
}

article .highlight .highlight__content {
  padding-bottom: 24px;
}

article .highlight .highlight__image {
  position: relative;
  overflow: hidden;
}

article .highlight .highlight__image:has(.highlight__image-box img) {
  margin-bottom: 16px;
  margin-right: 16px;
}

article .highlight .highlight__figcaption {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.65);
  padding: 2px 4px;
  left: 0;
  margin: 0;
}

article .highlight .highlight__figcaption .hightlight__text {
  text-align: left;
  color: var(--color-font);
  font-size: 11px;
  line-height: 17px;
}

/* live */
article .liveTimeline {
  margin-left: 0;
}

article .liveTime__timeline {
  padding-bottom: 32px;
  margin-bottom: -16px;
}

article .liveTimeline .liveTimeline__title {
  border-left: 0;
  padding-left: 0;
}

article .liveTimeline .liveTimeline__title p {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: var(--color-font);
}

article .liveTimeline .liveTimeline__head .liveTimeline__headTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px;
  color: var(--color-font);
}

article .liveTimeline .liveTime__timelineColumn--Time p {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: var(--color-font);
}

article .liveTimeline .liveTime__timelineText p {
  font-size: 18px;
  line-height: 32px;
  color: var(--color-font);
}

article .liveTimeline .liveTime__timelineColumn {
  margin-top: -8px;
}

article .liveTimeline .lead-gallery figure {
  max-width: 440px;
}

article .liveTimeline .lead_element__aspect_ratio {
  height: auto !important;
  max-width: 440px;
}

.liveTime__timeline .liveTime__timelineColumn--Time:before {
  background-color: var(--color-main);
}
article .liveTimeline .galleries .lead-gallery picture img {
  width: 100% !important;
}

/* product */
article .single-photo.single__photo--productBlock figcaption .author,
article .single-photo.single__photo--productBlock figcaption .title,
article .single-photo.single__photo--productBlock figcaption .link,
article .single-photo.single__photo--productBlock figcaption .price {
  font-size: 14px;
  line-height: 18px;
  color: #435360;
}

article .single-photo.single__photo--productBlock figcaption .link a {
  font-size: 14px;
  line-height: 18px;
  color: var(--color-main);
  text-decoration: none;
}

article .single-photo.single__photo--productBlock figcaption .text p {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: var(--color-font);
  margin-bottom: 8px;
  margin-top: 8px;
}

/* recommended article link */
article .recommendedArticle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  float: left;
  width: 240px;
  height: auto;
  border-top: 0;
  border-bottom: 0;
  margin: 0 16px 16px 0;
  padding: 16px 16px 8px 16px;
  z-index: 1;
  border-radius: 16px;
  background-color: #f5f5f5;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

article .recommendedArticle .recommendedArticle__link {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

article .recommendedArticle .recommendedArticle__title p {
  display: inline-flex;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: var(--color-font);
  width: auto;
  margin: 0;
}

article .recommendedArticle__link a {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black);
  text-decoration: underline !important;
  text-decoration-color: var(--color-main) !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2px !important;
}

article .recommendedArticle__link a:hover {
  text-decoration: none !important;
}

/* embed button */
.gl_plugin.socials .expand {
  background-color: var(--color-main) !important;
  border: 1px solid var(--color-main) !important;
  color: var(--color-white) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 28px !important;
  border-radius: 0 0 5px 5px !important;
}

.gl_plugin.socials .expand:hover {
  background-color: var(--color-white) !important;
  color: var(--color-main) !important;
}

.gl_plugin.socials.collapsed {
  border-bottom: 1px solid var(--color-light-main) !important;
}
/* /embed button */

.article-layout .listing .button {
  margin-top: 24px;
}

/* tagi */
.wide.article-layout .tags {
  padding-top: 0;
  margin-bottom: 40px !important;
}

.tags .breadcrumb__link {
  border: 1px solid var(--color-main);
  color: var(--color-white);
  background-color: var(--color-main);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-transform: none;
  padding: 4px 8px;
  transition: 0.4s;
}

.tags .breadcrumb__link:hover {
  color: var(--color-main);
  background-color: var(--color-white);
}

.wide.article-layout .tags .breadcrumb__item:first-child::before,
.wide.article-layout .tags .breadcrumb__item:last-child::after {
  display: none;
}
/* /tagi */

/* NCES */
.promo-wrapper {
  border-top: 1px solid #d9d9d9 !important;
  border-bottom: 1px solid #d9d9d9 !important;
  padding-top: 14px !important;
  margin: 24px auto !important;
}

.promo-wrapper .promo-header {
  margin-left: 8px !important;
  margin-top: -8px;
  background-color: var(--color-white);
  width: max-content;
  padding: 0 8px;
  text-transform: uppercase;
  font-size: 15px !important;
  line-height: 21px !important;
  font-weight: 100 !important;
  color: var(--color-font) !important;
}

.promo-wrapper .promo-title-header a {
  margin-top: 16px;
  margin-right: 16px;
  text-align: left;
  color: var(--color-font);
  text-decoration: none !important;
  font-weight: 800;
  font-size: 20px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: absolute;
}

.promo-wrapper .promo-title-header a:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--color-main) !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2px !important;
}

.promo-wrapper.has-photo {
  background-color: var(--color-white);
  display: flex;
  align-items: flex-start;
}

.promo-wrapper.has-photo figure.promo-image-wrapper img {
  width: 320px;
  height: 213px;
  margin-left: 16px;
}

.promo-wrapper figure.promo-image-wrapper {
  width: 320px;
  height: 213px;
  padding-bottom: 0;
  margin-right: 16px;
}

.promo-wrapper figure.promo-image-wrapper img:hover {
  filter: brightness(1.1);
}
/* NCES */

/* zpr_shopping & promo labels */
.zpr_shopping__article .stm-shopping-container .btn-link {
  order: 3;
}

.zpr_shopping__article .stm-shopping-container .stms-title-link {
  order: 2;
}

.zpr_shopping__article .stm-shopping-container .stms-image {
  order: 1;
}

article .zpr_shopping__article .zpr_promotion_corner {
  font-family: var(--font-family-main);
  border-color: var(--color-main) rgba(255, 255, 255, 0);
}

article
  .zpr_shopping__article
  .zpr_promotion_corner
  .zpr_promo_current_price
  span {
  font-family: var(--font-family-main);
  background-color: var(--color-main);
  color: var(--color-white);
}

article .zpr_shopping__article .zpr_promotion_corner .zpr_promo_text span {
  font-family: var(--font-family-main);
  color: var(--color-white);
}

article .zpr_shopping__article.wariantD .stm-shopping-container .btn-link,
article .zpr_shopping__article.wariantC .stm-shopping-container .btn-link {
  font-family: var(--font-family-main);
  background-color: var(--color-main);
  color: var(--color-white);
}

article .zpr_shopping__article .stms-3-in-row {
  background-color: var(--color-white);
  border: 1px solid rgba(255, 255, 255, 0);
}

.zpr_shopping__article {
  overflow: hidden;
}
/* /zpr_shopping & promo labels */

/* Listing v32 */
.listing-container .element::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 1;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(
    to right,
    var(--color-white) 50%,
    var(--color-main) 100%
  );
}

.v32.listing-container .element {
  border-radius: 10px;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.v32.listing-container .element .element__media,
.v32.listing-container
  .element
  .element__media
  img:not(.lead-gallery-more img) {
  border-radius: 8px 8px 0 0;
}

.v32.listing-container .element:nth-child(1) .element__media,
.v32.listing-container .element:nth-child(2) .element__media {
  height: 760px;
  border-radius: 10px;
}

.v32.listing-container .element:nth-child(n + 3) {
  height: 370px;
  width: 300px;
  position: relative;
}

.v32.listing-container .element:nth-child(1) .element__content a::after,
.v32.listing-container .element:nth-child(2) .element__content a::after,
.v32.listing-container .element:nth-child(n + 3) .element__content a::after {
  display: none;
}

.v32.listing-container
  .element:nth-child(1)
  .element__media
  img:not(.lead-gallery-more img),
.v32.listing-container .element:nth-child(1) .element__media,
.v32.listing-container
  .element:nth-child(2)
  .element__media
  img:not(.lead-gallery-more img),
.v32.listing-container .element:nth-child(2) .element__media {
  width: 616px;
}

.v32.listing-container
  .element:nth-child(n + 3)
  .element__media
  img:not(.lead-gallery-more img),
.v32.listing-container .element:nth-child(n + 3) .element__media {
  height: 244px;
  width: 300px;
}

.v32.listing-container
  .element:nth-child(n + 3)
  .element__content
  .element__headline
  a {
  position: relative;
  top: 0;
  left: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  -webkit-line-clamp: 3;
  color: var(--color-small-slot-title);
  max-height: 124px;
  width: 300px;
  padding: 0px 24px;
}

.v32.listing-container
  .element:nth-child(n + 3):has(.element__superscription)
  .element__content
  .element__headline
  a {
  top: -28px;
}

.v32.listing-container
  .element:nth-child(1)
  .element__content
  .element__headline
  a,
.v32.listing-container
  .element:nth-child(2)
  .element__content
  .element__headline
  a {
  position: relative;
  top: -27px;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  -webkit-line-clamp: 3;
  color: var(--color-big-slot-title);
  text-align: left;
  min-height: 190px;
  max-height: 190px;
  padding: 0px 40px;
  margin: 0px -40px;
}

.v32.listing-container
  .element:nth-child(1):has(.element__superscription)
  .element__content
  .element__headline
  a,
.v32.listing-container
  .element:nth-child(2):has(.element__superscription)
  .element__content
  .element__headline
  a {
  min-height: 208px;
  max-height: 208px;
}

.v32.listing-container
  .element:nth-child(n + 3)
  .element__content
  .element__headline {
  background: var(--color-bg-slot);
  top: 252px;
  padding: 0;
  width: 300px;
  height: 116px;
  border-radius: 0 0 10px 10px;
}

.v32.listing-container .element:nth-child(1) .element__headline,
.v32.listing-container .element:nth-child(2) .element__headline {
  padding: 0 40px;
  background: var(--color-bg-slot);
  top: 516px;
  border-radius: 0 0 10px 10px;
}

.v32.listing-container
  .element:nth-child(1)
  .element__content
  .element__superscription,
.v32.listing-container
  .element:nth-child(2)
  .element__content
  .element__superscription {
  background-color: var(--color-bg-big-superscription);
  height: 32px;
  line-height: 20px;
  margin: 0 -40px;
  padding: 0 40px;
  top: 0;
  position: relative;
}

.v32.listing-container
  .element:nth-child(1)
  .element__content
  .element__superscription
  p,
.v32.listing-container
  .element:nth-child(2)
  .element__content
  .element__superscription
  p {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  color: var(--color-text-big-superscription);
  background-color: unset;
  text-transform: unset;
  padding: 0;
}

.v32.listing-container
  .element:nth-child(n + 3)
  .element__content
  .element__superscription
  p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text-small-superscription);
  padding: 0 16px;
  background-color: unset;
  text-transform: unset;
}

.v32.listing-container
  .element:nth-child(n + 3)
  .element__content
  .element__superscription {
  position: relative;
  top: 0px;
  left: -24px;
  padding: 0;
  margin-top: 0;
  width: 300px;
  height: 24px;
  line-height: 22px;
  margin-bottom: 8px;
  background-color: var(--color-bg-small-superscription);
  color: var(--color-text-small-superscription);
}
/* Listing v32 */

/* Pagination */
ul.horizontal.paginacja li.disable,
ul.horizontal.paginacja a {
  background-color: var(--color-white) !important;
  color: var(--color-font) !important;
}

ul.horizontal.paginacja a:hover,
ul.horizontal.paginacja li.active,
ul.horizontal.paginacja li.active a {
  background: var(--color-pagination) !important;
  border: 0;
  border-radius: 6px;
  color: var(--color-white) !important;
  border: unset !important;
}

ul.horizontal.paginacja li.active {
  background: unset !important;
}

ul.horizontal.paginacja a:hover i::before {
  filter: invert(1);
}

.v32.listing-container ul.horizontal.paginacja a:hover i::before {
  filter: invert(0);
}

ul.horizontal.paginacja li.disable {
  opacity: 0.4;
}

.v32.listing-container ul.horizontal.paginacja .fa-angle-left:before {
  filter: invert(1);
  transform: rotate(180deg);
}

ul.horizontal.paginacja .fa-angle-left:before {
  width: 12px;
  height: 12px;
  margin-top: 10px;
}

.v32.listing-container ul.horizontal.paginacja .fa-angle-right:before {
  filter: invert(1);
}

ul.horizontal.paginacja .fa-angle-right:before {
  width: 12px;
  height: 12px;
  margin-top: 8px;
  margin-left: 0;
}

.v32.listing-container ul.horizontal.paginacja {
  margin-bottom: 0;
}
/* /Pagination */

.category-layout .bottom_hook #side_1_noscroll,
.author-layout .bottom_hook #side_1_noscroll {
  margin-left: 16px;
  margin-top: 75px;
}

.category-layout .bottom_hook .listing.v18_side,
.author-layout .bottom_hook .listing.v18_side {
  position: absolute;
  top: 680px;
  left: 948px;
  margin-left: 16px;
  margin-top: 75px;
}

.category-layout .bottom_hook .section__v1 .section__header .section__title,
.author-layout .bottom_hook .section__v1 .section__header .section__title,
.article-layout .bottom_hook .section__v1 .section__header .section__title {
  display: flex;
  justify-content: center;
  margin-left: 320px;
}

/* gdy mamy sekcje v1, reklame i najnowsze */
.category-layout
  .bottom_hook
  .section__v1
  + .zpr_side_1_noscroll
  + .listing.v18_side {
  top: 680px;
}
/* gdy mamy tylko sekcje v1 i najnowsze */
.category-layout .bottom_hook .section__v1 + .listing.v18_side {
  top: 32px;
}

.bottom_hook
  .section__v1
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription
  p {
  display: flex;
  justify-content: flex-start;
}

.bottom_hook
  .section__v1
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__superscription
  + .slot__title
  p,
.bottom_hook
  .section__v1
  .section__slots
  .slot.slot__small
  .slot__content
  .slot__title
  p {
  text-align: left;
}

.article-layout #hook_content_right .listing.v18_side,
.author-layout #hook_content_right .listing.v18_side,
.category-layout #hook_content_right .listing.v18_side {
  position: relative;
  height: auto;
  max-height: 100%;
  margin: 0;
}

/* Strona autora */
.author-layout .author__name {
  font-size: 38px;
  line-height: 46px;
  font-weight: 600;
  color: var(--color-font);
  text-align: left;
  margin-bottom: 40px;
}

.author-layout .author__desc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.author-layout .author__desc p a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-font);
}

.author-layout .author__desc a {
  color: var(--color-font);
  transition: 0.8s;
  text-decoration: underline !important;
  text-decoration-color: var(--color-font) !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 2px !important;
}

.author-layout .author__desc a:hover {
  text-decoration: none !important;
}

.author-layout h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 800;
  color: var(--color-font);
  margin-bottom: 8px;
}

.author-layout h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: var(--color-font);
}

.author-layout .author__spec {
  text-align: left;
}

.author-layout .author__image-box {
  width: 160px;
  height: 200px;
  margin-right: 16px;
}

.author-layout .col-8 .listing-horizontal-full .element__headline a {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: var(--color-font);
}

.author-layout .col-8 .listing-horizontal-full .element__headline,
.author-layout .col-8 .listing-horizontal-full .element__content {
  max-height: 213px;
  width: 588px;
}

.author-layout .col-8 .listing-horizontal-full .element::after {
  display: none;
}

.author-layout .col-8 .listing-horizontal-full .element {
  margin-bottom: 40px;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.author-layout .gl_plugin.author {
  margin-bottom: 16px;
}

.author-layout .paginacja {
  margin: 0 auto;
}

.author-layout .col-8 .listing:has(.listing-horizontal-full) {
  margin-bottom: 40px;
}
/* /Strona autora */

/* Zmiana kolejnosci slotow w sekcjach SG */
.section__v2.slot-big-middle .section__slots .slot_1 {
  grid-area: 1 / 2 / 3 / 3;
}

.section__v2.slot-big-middle .section__slots .slot_2 {
  grid-area: 1 / 1 / 2 / 2;
}

.section__v2.slot-big-middle .section__slots .slot_3 {
  grid-area: 2 / 1 / 3 / 2;
}

.section__v2.slot-big-middle .section__slots .slot_4 {
  grid-area: 1 / 3 / 2 / 4;
}

.section__v2.slot-big-middle .section__slots .slot_5 {
  grid-area: 2 / 3 / 3 / 4;
}

.section__v2.slot-big-last .section__slots .slot_1 {
  grid-area: 1 / 3 / 3 / 4;
}

.section__v2.slot-big-last .section__slots .slot_2 {
  grid-area: 1 / 1 / 2 / 2;
}

.section__v2.slot-big-last .section__slots .slot_3 {
  grid-area: 2 / 1 / 3 / 2;
}

.section__v2.slot-big-last .section__slots .slot_4 {
  grid-area: 1 / 2 / 2 / 3;
}

.section__v2.slot-big-last .section__slots .slot_5 {
  grid-area: 2 / 2 / 3 / 3;
}
/* /Zmiana kolejnosci slotow w sekcjach SG */

.listing.v18_side .listing-container.listing-horizontal-full-v18 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.main-layout .section__v4 {
  position: absolute;
  top: 632px;
  left: 952px;
}

.section__v4 .section__slots a:hover {
  color: var(--color-main);
}

/* widget Mediateka */
.article-layout .mediateka-widget {
  width: 615px;
}
/* /widget Mediateka */

/* miesięcznik banner */
.main_page_banner__widget-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 616px;
  height: 37px;
  max-height: 37px;
  margin: 48px auto;
  background-color: var(--color-main);
  border-radius: 16px;
  font-size: 0;
}

.main_page_banner__widget-inner {
  border-radius: 16px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.main_page_banner__widget-row {
  display: flex;
  align-items: center;
}

.main_page_banner__widget-text-container {
  margin-right: 24px;
}

.main_page_banner__widget-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: var(--color-white);
}

.main_page_banner__widget-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-size: 12px;
  height: 28px;
  width: 168px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  background-color: var(--color-white);
  color: var(--color-black);
}

.main_page_banner__widget-button:hover {
  background-color: var(--color-black);
}

.main_page_banner__widget-button:hover .main_page_banner__widget-icon {
  filter: invert(0);
}

.main_page_banner__widget-button:hover {
  color: var(--color-white);
}

.main_page_banner__widget-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin-right: 8px;
  border: 0;
  outline: 0;
  filter: invert(1);
}
/* /miesięcznik banner */

/* player video SG */
.player--main {
  display: flex;
  justify-content: center;
  width: max-content;
  margin: 64px auto;
  padding: 16px;
  border-radius: 8px;
  background: var(--color-white);
  box-shadow:
    0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 3px 6px -4px rgba(0, 0, 0, 0.12),
    0px 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.player--main .player__media {
  display: flex;
  justify-content: center;
  width: max-content;
  margin: 0 auto;
}

.player.player--main video-js {
  padding-top: 56.25% !important;
}

.player.player--main video-js {
  width: 664px !important;
}

.player.player--main video {
  position: absolute !important;
}
/* /player video SG */

/* Sekcja video SG */
.section__v5 {
  background-color: var(--color-white) !important;
}
.section__v5 .section__header .section__title,
.section__v5 .section__header .section__title a,
.section__v5 .section__header .section__title h2 {
  display: flex;
  justify-content: center;
  margin-left: 0 !important;
  font-size: 38px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
  color: var(--color-light-black) !important;
  text-transform: unset !important;
  margin-bottom: 40px !important;
}

.section__v5 .section__header .section__title a {
  margin-bottom: 0 !important;
}

.section__v5 .section__slots > a,
.section__v5 .section__slots .slot__image picture img,
.section__v5 .section__slots .slot__image {
  border-radius: 8px !important;
}

.section__v5 .section__slots > a {
  box-shadow:
    0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 3px 6px -4px rgba(0, 0, 0, 0.12),
    0px 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.section__v5 .section__slots > a .slot__content::after {
  background: var(--color-main) !important;
  height: 80px !important;
  border-radius: 0 0 8px 8px;
}

.section__v5 .section__slots > a .slot__content .slot__superscription {
  display: none !important;
}

.section__v5 .section__slots > a .slot__content .slot__title p,
.section__v5 .section__slots > a .slot__content .slot__title h2,
.section__v5 .section__slots > a .slot__content .slot__title h3 {
  margin: 16px !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  display: -webkit-box !important;
  line-clamp: 2 !important;
  -webkit-line-clamp: 2 !important;
}

.section__v5 .section__slots > a .slot__content .slot__title {
  top: 258px !important;
  height: 80px !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 24px !important;
}

.poly_type_video::after {
  background-image: url(/media/muratorplus/desktop/images/video-section-play-icon.svg);
  background-size: 48px 48px;
  width: 48px;
  height: 48px;
}

.poly_type_video:hover::after {
  background-image: url(/media/muratorplus/desktop/images/video-section-play-icon-hovered.svg);
}
/* /Sekcja video SG */

/* Listing v30 */
.listing-container.v30 .element .element__media img:not(.lead-gallery-more img),
.listing-container.v30 .element .element__media {
  height: 370px;
  border-radius: 8px 8px 0 0;
}

.listing-container.v30 .element {
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.listing-container.v30 .element .element__content .element__headline {
  top: 252px;
  height: 120px;
}

.listing-container.v30 .element .element__content .element__headline > a {
  margin: 16px 24px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--color-small-slot-title);
}

.listing-container.v30 .element .element__content .element__superscription {
  background-color: var(--color-bg-small-superscription);
  color: var(--color-text-small-superscription);
  margin: 0;
}

.listing-container.v30 .element .element__content .element__superscription p {
  padding: 4px 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-transform: unset;
  background-color: unset;
  color: var(--color-text-small-superscription);
}
/* /Listing v30 */

/* Listing v34 */
.hero-img-v34.listing-container .element {
  border-radius: 8px 8px 0 0;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.hero-img-v34.listing-container .element .element__media,
.hero-img-v34.listing-container
  .element
  .element__media
  img:not(.lead-gallery-more img) {
  border-radius: 8px 8px 0 0;
}

.hero-img-v34.listing-container .element:nth-child(1),
.hero-img-v34.listing-container .element:nth-child(1) .element__media {
  height: 760px;
}

.hero-img-v34.listing-container .element:nth-child(n + 2) {
  height: 370px;
  width: 300px;
  position: relative;
}
.hero-img-v34.listing-container
  .element:nth-child(1)
  .element__content
  a::after,
.hero-img-v34.listing-container
  .element:nth-child(n + 2)
  .element__content
  a::after {
  display: none;
}

.hero-img-v34.listing-container
  .element:nth-child(1)
  .element__media
  img:not(.lead-gallery-more img),
.hero-img-v34.listing-container .element:nth-child(1) .element__media {
  width: 616px;
}

.hero-img-v34.listing-container
  .element:nth-child(n + 2)
  .element__media
  img:not(.lead-gallery-more img),
.hero-img-v34.listing-container .element:nth-child(n + 2) .element__media {
  height: 244px;
  width: 300px;
}

.hero-img-v34.listing-container
  .element:nth-child(n + 2)
  .element__content
  .element__headline
  a,
.hero-img-v34.listing-container
  .element:nth-child(n + 2)
  .element__content
  .element__headline
  a {
  position: relative;
  top: 0;
  left: 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  -webkit-line-clamp: 3;
  color: var(--color-small-slot-title);
  max-height: 124px;
  width: 300px;
  padding: 0px 24px;
  margin: 0;
  height: 88px;
}

.hero-img-v34.listing-container
  .element:nth-child(n + 2):has(.element__superscription)
  .element__content
  .element__headline
  a,
.hero-img-v34.listing-container
  .element:nth-child(n + 2):has(.element__superscription)
  .element__content
  .element__headline
  a {
  top: -28px;
  height: 120px;
}

.hero-img-v34.listing-container
  .element:nth-child(1)
  .element__content
  .element__headline
  a {
  position: relative;
  top: 0;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  -webkit-line-clamp: 3;
  color: var(--color-big-slot-title);
  text-align: left;
  min-height: 190px;
  max-height: 190px;
  padding: 0 40px;
  margin: 0 -40px;
}

.hero-img-v34.listing-container
  .element:nth-child(1):has(.element__superscription)
  .element__content
  .element__headline
  a {
  min-height: 208px;
  max-height: 208px;
  top: -26px;
}

.hero-img-v34.listing-container
  .element:nth-child(n + 2)
  .element__content
  .element__headline {
  background: var(--color-bg-slot);
  top: 252px;
  padding: 0;
  width: 300px;
  height: 124px;
}

.hero-img-v34.listing-container .element:nth-child(1) .element__headline {
  padding: 0 40px;
  background: var(--color-bg-slot);
  top: 540px !important;
}

.hero-img-v34.listing-container
  .element:nth-child(1)
  .element__content
  .element__superscription {
  position: relative;
  background-color: var(--color-bg-big-superscription);
  height: 32px;
  line-height: 20px;
  margin: 0 -40px;
  padding: 0 40px;
  top: 0;
}

.hero-img-v34.listing-container
  .element:nth-child(1)
  .element__content
  .element__superscription
  p {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  color: var(--color-text-big-superscription);
  background-color: unset;
  padding: 0;
}

.hero-img-v34.listing-container
  .element:nth-child(n + 2)
  .element__content
  .element__superscription
  p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text-small-superscription);
  padding: 0 16px;
  background-color: unset;
}

.hero-img-v34.listing-container
  .element:nth-child(n + 2)
  .element__content
  .element__superscription {
  position: relative;
  top: 0px;
  left: -24px;
  padding: 0;
  margin-top: 0;
  width: 300px;
  height: 24px;
  line-height: 22px;
  margin-bottom: 8px;
  background-color: var(--color-bg-small-superscription);
}
/* /Listing v34 */

/* Strona Tagu */
.tag-layout .main-title-listing,
.tag-layout .main-title-listing a {
  display: flex;
  justify-content: flex-start !important;
  font-weight: 600;
  font-size: 38px;
  line-height: 46px;
  margin-left: 0;
  margin-bottom: 40px;
  color: var(--color-font);
  text-align: left;
}

.tag-layout #hook_content_bottom .main-title-listing,
.tag-layout #hook_content_bottom .main-title-listing a {
  margin-bottom: 16px;
}

.tag-layout .col-8 .listing-horizontal-full .element__headline a {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: var(--color-font);
}

.tag-layout .col-8 .listing-horizontal-full .element__headline,
.tag-layout .col-8 .listing-horizontal-full .element__content,
.tag-layout .listing__tags .listing-horizontal-full .listing-lead {
  max-height: 213px;
  width: 588px;
}

.tag-layout .col-8 .listing-horizontal-full .element::after {
  display: none;
}

.tag-layout .col-8 .listing-horizontal-full .element {
  margin-bottom: 40px;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.tag-layout .tag_img img {
  width: 932px;
  height: auto;
}

.tag-layout .main-title-listing h1 {
  font-size: 38px;
}
/* /Strona Tagu */

/* Strona Quizu */
body.quiz-layout .gl_wrapper {
  margin-top: 16px;
}
/* /Strona Quizu */

/* Strona Galerii */
.gallery-layout
  .last-page
  .article-container:first-of-type
  .element__content
  .element__superscription
  p {
  color: var(--color-main);
}
/* /Strona Galerii */

/* hook_content_bottom */
#hook_content_bottom .main-title-listing {
  margin-bottom: 16px;
}

#hook_content_bottom .main-title-listing span,
#hook_content_bottom .main-title-listing a {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: var(--color-font);
}
/* /hook_content_bottom */

/* Strona Podcastu */
.podcasts-player .vjs-playlist-vertical .vjs-playlist-item,
.podcasts-player .vjs-playlist .vjs-selected,
.podcasts-player .vjs-playlist .vjs-playlist-thumbnail-placeholder {
  background-color: var(--color-white) !important;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.04),
    0px 1px 6px 0px rgba(0, 0, 0, 0.06),
    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.podcasts-player .vjs-playlist-vertical .vjs-playlist-item:hover,
.podcasts-player .vjs-playlist-item.vjs-selected {
  filter: unset !important;
  color: var(--color-main) !important;
}
.podcasts-player
  .vjs-playlist-vertical
  .vjs-playlist-item:hover
  .vjs-playlist-name {
  filter: unset !important;
  color: var(--color-main) !important;
}
.podcasts-player .vjs-control-bar .vjs-play-control,
.podcasts-player .vjs-control-bar {
  background-color: var(--color-black) !important;
  border-radius: 10px !important;
}
.podcasts-player .podcasts-player__title {
  color: var(--color-main) !important;
}
.podcasts-player .podcasts-player__title {
  font-family: var(--font-family-main) !important;
  font-size: 30px !important;
  letter-spacing: 0.9px !important;
  color: #171717 !important;
}
.podcasts-player .turbo_audio_podcast .vjs-title-bar p {
  font-family: var(--font-family-main) !important;
  font-size: 24px !important;
  letter-spacing: 0.72px !important;
  color: #171717 !important;
}
.podcast-layout .main-content .listing .main-title-listing {
  display: flex;
  justify-content: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-top: 24px;
}
.podcast-layout .v33_podcasts .main-title-listing,
.podcast-layout .v33_podcasts,
.podcast-layout .player__dedicated_streams,
.podcast-layout .player__dedicated_streams-title {
  width: 1280px;
}
.podcast-layout .listing-container.v33 > .element,
.podcast-layout .player__dedicated_streams-streams > a {
  margin-right: 16px;
}
.podcast-layout .video-js .vjs-play-control .vjs-icon-placeholder::before {
  filter: invert(45%) sepia(61%) saturate(3563%) hue-rotate(175deg)
    brightness(89%) contrast(101%);
  font-size: 60px;
  line-height: 168px;
  cursor: pointer;
}
.podcast-layout .vjs-playlist .vjs-playlist-button,
.podcast-layout
  .vjs-playlist
  .vjs-playlist-item.vjs-selected
  .vjs-playlist-button {
  background-image: url(/media/muratorplus/desktop/images/podcast-small-play-black-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 42px;
  height: 42px;
}
.podcasts-player .vjs-skip-backward-30 .vjs-icon-placeholder::before {
  background-image: url(/media/muratorplus/desktop/images/podcast-rotate-back-desktop.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 75px;
  height: 75px;
  content: "" !important;
}
.podcasts-player .vjs-skip-forward-30 .vjs-icon-placeholder::before {
  background-image: url(/media/muratorplus/desktop/images/podcast-rotate-forward-desktop.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 75px;
  height: 75px;
  content: "" !important;
}
.podcast-layout .vjs-playlist .vjs-playlist-name,
.podcast-layout .vjs-playlist .vjs-playlist-duration {
  color: var(--color-black);
}
.podcast-layout .podcasts-player .podcasts-player__cover,
.podcast-layout .podcasts-player .podcasts-player__cover img {
  border-radius: 10px;
  padding-bottom: 3px;
}
.podcast-layout .podcasts-player .vjs-control-bar::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0px;
  left: 7px;
  width: 98%;
  height: 4px;
  z-index: 1;
  border-radius: 0 0 50px 50px;
  background: linear-gradient(
    90deg,
    var(--color-white) 0%,
    var(--color-white) 33%,
    var(--color-main) 50%,
    var(--color-white) 66%,
    var(--color-white) 100%
  );
}
.podcast-layout .listing-container .element::after {
  display: none !important;
}
.podcast-layout .listing-container.v33 {
  justify-content: center;
  align-items: center;
}
.podcast-layout
  .listing-container.v33
  > .element
  .element__media
  img:not(.lead-gallery-more img),
.podcast-layout .listing-container.v33 > .element .element__media {
  border-radius: 8px;
}
.podcast-layout .main_page_banner__widget-container {
  margin: 0 0 48px auto;
}
.podcast-layout section .gl_wrapper:has(.bottom_hook) {
  display: none;
}
.podcast-layout.screening .footer .gl_wrapper {
  padding-top: 0;
}
/* /Strona Podcastu */

.main-layout .section__rotator .section__slots .rotator {
  height: 218px;
}

.element__extras .extras_component.extras__component--spon,
.slot__label .slot__label-text {
  top: 4px;
}

.category-layout .listing + .blockinfo.gl_plugin {
  margin-top: 44px;
}

/* Strony typu Akcje specjalne */
.listing.actions_logo .listing-container {
  justify-content: flex-start;
  gap: 16px;
}
.listing.actions_logo .listing-container.listing-horizontal-full .element {
  width: 130px;
  height: 86px;
  margin-bottom: 0;
}
.listing.actions_logo .listing-container .element .element__media {
  width: 100% !important;
  height: 100% !important;
}
.listing.actions_logo .listing-container .element::after {
  display: none;
}
.listing.actions_logo + .blockinfo.gl_plugin {
  margin-top: 16px;
}
.listing.actions_logo .main-title-listing,
.listing.actions_logo .main-title-listing span,
.listing.actions_logo .main-title-listing a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin: 0 0 16px 0;
}
/* /Strony typu Akcje specjalne */

/* special actions */
body:has(.actions_logo.e-wydanie-muratorplus) .main-title-listing {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  text-transform: unset !important;
  margin: 0 0 16px 0 !important;
}

body:has(.actions_logo.e-wydanie-muratorplus) .main-title-listing span,
body:has(.actions_logo.e-wydanie-muratorplus) .main-title-listing a {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  color: var(--color-light-black);
  padding: 0;
  text-transform: unset;
}

body:has(.actions_logo.e-wydanie-muratorplus)
  .col-12
  .listing-container.listing-vertical-triple
  .element {
  position: relative;
}

body:has(.actions_logo.e-wydanie-muratorplus) .zpr_box_top1 {
  min-height: 265px;
}

.listing-container.listing-vertical-triple {
  gap: 16px;
}

.col-12 .listing-container.listing-vertical-triple .element,
.listing-container.listing-vertical-triple .element,
.listing-vertical-triple .element__media img:not(.lead-gallery-more img),
.listing-vertical-triple .element__media {
  width: 300px;
}

.listing-container.listing-vertical-triple .element {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

.listing-container.listing-vertical-triple .element:hover {
  filter: brightness(1.15);
}

/* ----------------------------------
Actions_Logo Slider Scrollbar - Start
---------------------------------- */
.listing.actions_logo .listing-container .element .element__media,
.listing.actions_logo
  .listing-container
  .element
  .element__media
  img:not(.lead-gallery-more img) {
  width: 140px;
  height: auto;
  background-color: var(--color-white);
}

.listing.actions_logo .listing-container .element__headline a {
  font-size: 12px;
}

.listing.actions_logo .listing-container .element .element__content {
  display: none;
}

.gl_plugin.listing.actions_logo {
  overflow: hidden;
}

.gl_plugin.listing.actions_logo .listing-container {
  overflow-x: auto;
  overflow-y: hidden;
}

.gl_plugin.listing.actions_logo
  .listing-container.listing-horizontal-full.display-flex {
  height: 144px;
  width: auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: flex-start;
}

.gl_plugin.listing.actions_logo .element {
  min-width: 240px;
  height: auto;
}

/*! Firefox */
.gl_plugin.listing.actions_logo .listing-container {
  scrollbar-color: #ffffff var(--color-main);
}

/*! Other Browser */
.gl_plugin.listing.actions_logo .listing-container::-webkit-scrollbar {
  width: 11px;
}

.gl_plugin.listing.actions_logo .listing-container {
  scrollbar-width: thin;
  scrollbar-color: var(--color-main) var(--color-white);
}

.gl_plugin.listing.actions_logo .listing-container::-webkit-scrollbar-track {
  background: var(--color-white);
}

.gl_plugin.listing.actions_logo .listing-container::-webkit-scrollbar-thumb {
  background-color: var(--color-main);
}

/* animowany slider partnerow e-wydania muratorplus */
.listing.actions_logo.e-wydanie-muratorplus {
  position: relative;
  height: 180px;
  width: 100%;
}

.listing.actions_logo.e-wydanie-muratorplus .listing-container {
  position: absolute;
  left: 0;
  top: 56px;
  animation: inifitelogosloop 40s linear infinite !important;
}

.listing.actions_logo.e-wydanie-muratorplus.animation-unset .listing-container {
  animation: unset !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation-desktop-unset-mobile-10s
  .listing-container {
  animation: unset !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation10s .listing-container {
  animation: inifitelogosloop 10s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation10s-desktop-15s-mobile
  .listing-container {
  animation: inifitelogosloop 10s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation20s .listing-container {
  animation: inifitelogosloop 20s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation20s-desktop-10s-mobile
  .listing-container {
  animation: inifitelogosloop 20s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation30s .listing-container {
  animation: inifitelogosloop 30s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation50s .listing-container {
  animation: inifitelogosloop 50s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation60s .listing-container {
  animation: inifitelogosloop 60s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation70s .listing-container {
  animation: inifitelogosloop 70s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation80s .listing-container {
  animation: inifitelogosloop 80s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation120s .listing-container {
  animation: inifitelogosloop 120s linear infinite !important;
}
.listing.actions_logo.e-wydanie-muratorplus.animation160s .listing-container {
  animation: inifitelogosloop 160s linear infinite !important;
}

.listing.actions_logo.e-wydanie-muratorplus .listing-container .element {
  margin-right: 40px !important;
}

.listing.actions_logo.e-wydanie-muratorplus
  .listing-container.listing-horizontal-full.display-flex {
  height: 88px;
}

@keyframes inifitelogosloop {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
    left: 100%;
  }
  100% {
    transform: translateX(0);
  }
}
/* /animowany slider partnerow e-wydania muratorplus */
/* --------------------------------
Actions_Logo Slider Scrollbar - End
------------------------------- */

/* teaser */
.teaser_wide {
  margin: 70px auto 100px;
  min-height: 250px;
  display: inline-block;
}

.teaser_wide .col-8,
.teaser_wide .col-4 {
  padding: 40px 0;
}

.teaser_wide .col-8 {
  text-align: left;
  float: right;
  margin: 0 0 0 24px;
  width: calc(932px - 24px) !important;
  padding-right: 35px;
}

.teaser_wide .col-4 {
  padding-bottom: 0px;
  width: 320px;
  margin-bottom: -136px;
  top: -106px;
  position: relative;
}

.teaser_wide .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  width: max-content;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--color-main);
  background-color: var(--color-main);
  color: var(--color-white);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
  text-transform: uppercase;
}

.teaser_wide .button:hover {
  background-color: var(--color-white);
  color: var(--color-main);
}

.teaser_wide:before {
  background-color: #eeeeee;
  right: 0;
}

.teaser_wide .text {
  width: 100%;
  text-align: left;
}

.teaser_wide .text p {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-font);
  font-weight: 400;
}

.teaser_wide .text:first-child {
  border-right: none;
  width: 100%;
  text-align: left;
}

.teaser_wide .text:first-child p {
  position: relative;
  font-weight: 900;
  font-size: 24px;
  margin: 0 0 16px;
}

.teaser_wide .img img {
  max-width: 100%;
}

body.screening .teaser_wide:before {
  width: 100%;
  left: 0;
}
/* teaser */

.wide.article-layout:has(.one_column_article__container) .bottom_hook {
  width: 932px;
  max-width: 932px;
}