.elementor-15914 .elementor-element.elementor-element-1b674f3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-03867af{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-af71e63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-9cb6b63{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-64b1b67{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-0c8bae3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-471b1b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-d0d3b59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-4ab283a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-5c41660{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-edb2219{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-47a1007{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-4991499{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15914 .elementor-element.elementor-element-e93e9d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-15914 .elementor-element.elementor-element-03867af{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-af71e63{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-9cb6b63{--width:60%;}.elementor-15914 .elementor-element.elementor-element-64b1b67{--width:40%;}.elementor-15914 .elementor-element.elementor-element-0c8bae3{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-471b1b8{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-d0d3b59{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-4ab283a{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-5c41660{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-edb2219{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-47a1007{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-4991499{--width:1200px;}.elementor-15914 .elementor-element.elementor-element-e93e9d8{--width:1200px;}}/* Start custom CSS for container, class: .elementor-element-1b674f3 *//* =========================================================
   MK — SINGLE MODERATOR v1
   STYLE SYSTEM v4.1 FINAL / SPACING POLISH

   meski-krag.pl
   ========================================================= */


/* =========================================================
   0. DESIGN TOKENS
   ========================================================= */

.mk-mod-breadcrumbs-wrap,
.mk-mod-hero,
.mk-mod-section,
.mk-mod-final-cta {
  --mk-navy: #263548;
  --mk-text: #344052;
  --mk-muted: #566171;
  --mk-accent: #bd6049;

  --mk-line: rgba(38, 53, 72, 0.14);
  --mk-line-strong: rgba(38, 53, 72, 0.23);

  --mk-surface: rgba(255, 255, 255, 0.20);
  --mk-surface-strong: rgba(255, 255, 255, 0.55);

  --mk-accent-soft: rgba(189, 96, 73, 0.09);
  --mk-accent-soft-2: rgba(189, 96, 73, 0.15);
  --mk-navy-soft: rgba(38, 53, 72, 0.07);

  --mk-chip-bg: rgba(255, 255, 255, 0.76);
  --mk-chip-border: rgba(38, 53, 72, 0.17);

  box-sizing: border-box;
}

.mk-mod-breadcrumbs-wrap *,
.mk-mod-breadcrumbs-wrap *::before,
.mk-mod-breadcrumbs-wrap *::after,
.mk-mod-hero *,
.mk-mod-hero *::before,
.mk-mod-hero *::after,
.mk-mod-section *,
.mk-mod-section *::before,
.mk-mod-section *::after,
.mk-mod-final-cta *,
.mk-mod-final-cta *::before,
.mk-mod-final-cta *::after {
  box-sizing: border-box;
}


/* =========================================================
   1. COMMON WIDTH
   ========================================================= */

.mk-mod-breadcrumbs-wrap,
.mk-mod-hero,
.mk-mod-section,
.mk-mod-final-cta {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   2. BREADCRUMBS
   ========================================================= */

.mk-mod-breadcrumbs-wrap {
  padding: 18px 0 13px;
}

.mk-mod-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  margin: 0;
  padding: 0;

  list-style: none;

  color: var(--mk-muted);

  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}

.mk-mod-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
}

.mk-mod-breadcrumbs__item:not(:last-child)::after {
  content: "/";

  margin: 0 9px;

  color: var(--mk-accent);
}

.mk-mod-breadcrumbs__link {
  color: var(--mk-muted);
  text-decoration: none;
}

.mk-mod-breadcrumbs__link:hover {
  color: var(--mk-navy);
}

.mk-mod-breadcrumbs__current {
  color: var(--mk-navy);
}


/* =========================================================
   3. HERO
   ========================================================= */

.mk-mod-hero {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(320px, 0.75fr);

  gap: 64px;

  align-items: center;

  margin-top: 6px !important;
  margin-bottom: 52px !important;

  padding: 49px 48px 47px !important;

  border-top: 3px solid var(--mk-accent);

  background: var(--mk-surface);
}

.mk-mod-hero > .e-con-inner {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(320px, 0.75fr);

  gap: 64px;

  align-items: center;

  width: 100% !important;
  max-width: none !important;
}

.mk-mod-hero > .e-con,
.mk-mod-hero > .elementor-element,
.mk-mod-hero > .e-con-inner > .e-con,
.mk-mod-hero > .e-con-inner > .elementor-element,
.mk-mod-hero__content,
.mk-mod-hero__image {
  width: 100% !important;
  max-width: none !important;

  flex: none !important;
}


/* HERO — KICKER */

.mk-mod-hero__content >
.elementor-widget-heading:first-child
.elementor-heading-title,
.mk-mod-hero__content >
.elementor-widget-text-editor:first-child,
.mk-mod-hero__content >
.elementor-widget-text-editor:first-child p {
  margin: 0 0 12px !important;

  color: var(--mk-accent) !important;

  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;

  letter-spacing: 0.075em !important;

  text-transform: uppercase;
}


/* HERO — H1 */

.mk-mod-hero__content h1,
.mk-mod-hero__content h1.elementor-heading-title {
  margin: 0 !important;

  color: var(--mk-navy) !important;

  font-size: clamp(44px, 4.3vw, 58px) !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;

  letter-spacing: -0.033em !important;
}


/* HERO — AREA */

.mk-mod-hero__content .elementor-widget-shortcode {
  margin-top: 17px !important;

  color: var(--mk-accent);

  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}


/* HERO — LEAD */

.mk-mod-hero__content
.elementor-widget-theme-post-excerpt {
  max-width: 700px;

  margin-top: 23px !important;
}

.mk-mod-hero__content
.elementor-widget-theme-post-excerpt,
.mk-mod-hero__content
.elementor-widget-theme-post-excerpt p {
  margin-bottom: 0 !important;

  color: var(--mk-navy) !important;

  font-size: 18px !important;
  line-height: 1.68 !important;
  font-weight: 500 !important;
}


/* HERO — CTA */

.mk-mod-hero .elementor-widget-button {
  margin-top: 27px !important;
}

.mk-mod-hero .elementor-button {
  padding: 13px 21px !important;

  border: 1px solid var(--mk-navy) !important;
  border-radius: 2px !important;

  background: transparent !important;

  color: var(--mk-navy) !important;

  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;

  letter-spacing: 0.055em;

  text-transform: uppercase;

  box-shadow: none !important;

  transition:
    background .2s ease,
    color .2s ease;
}

.mk-mod-hero .elementor-button:hover {
  background: var(--mk-navy) !important;

  color: #fff !important;
}


/* HERO — PHOTO */

.mk-mod-hero__image {
  display: flex;

  justify-content: flex-end;
  align-items: center;
}

.mk-mod-hero__image
.elementor-widget-image {
  width: 100% !important;
}

.mk-mod-hero__image img {
  display: block;

  width: 100% !important;
  max-width: 390px !important;

  margin-left: auto !important;

  aspect-ratio: 4 / 5;

  object-fit: cover;

  border-radius: 3px;
}


/* =========================================================
   4. COMMON TYPOGRAPHY
   ========================================================= */

.mk-mod-section {
  color: var(--mk-text);
}

.mk-mod-section h2,
.mk-mod-section h2.elementor-heading-title {
  color: var(--mk-navy) !important;

  font-size: 33px !important;
  line-height: 1.13 !important;
  font-weight: 700 !important;

  letter-spacing: -0.025em !important;
}

.mk-mod-section p {
  color: var(--mk-text) !important;

  font-size: 17px !important;
  line-height: 1.72 !important;
}

.mk-mod-section a {
  color: var(--mk-navy);

  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.mk-mod-section a:hover {
  color: var(--mk-accent);
}


/* =========================================================
   5. O MNIE
   ========================================================= */

.mk-mod-section--about {
  display: block !important;

  max-width: 970px !important;

  padding: 0 0 52px !important;
}

.mk-mod-section--about > .e-con-inner {
  display: block !important;
}

.mk-mod-section--about h2 {
  margin: 0 0 25px !important;
}

.mk-mod-section--about
.elementor-shortcode {
  max-width: 850px;
}

.mk-mod-section--about p {
  max-width: 850px;

  margin: 0 0 19px !important;
}

.mk-mod-section--about p:first-child {
  color: var(--mk-navy) !important;

  font-size: 20px !important;
  line-height: 1.67 !important;
  font-weight: 500;
}


/* =========================================================
   6. JAK PROWADZĘ
   ========================================================= */

.mk-mod-section--approach {
  display: grid !important;

  grid-template-columns:
    245px
    minmax(0, 1fr);

  gap: 58px;

  align-items: start;

  margin-bottom: 52px !important;

  padding: 43px 46px !important;

  border-left: 3px solid var(--mk-accent);

  background: var(--mk-surface-strong);
}

.mk-mod-section--approach > .e-con-inner {
  display: grid !important;

  grid-template-columns:
    245px
    minmax(0, 1fr);

  gap: 58px;

  width: 100% !important;
}

.mk-mod-section--approach h2 {
  margin: 0 !important;

  font-size: 30px !important;
}

.mk-mod-section--approach p {
  max-width: 770px;

  margin-top: 0;
  margin-bottom: 17px !important;
}


/* =========================================================
   7. DOŚWIADCZENIE
   ========================================================= */

.mk-mod-section--experience {
  display: block !important;

  max-width: 970px !important;

  padding: 0 0 52px !important;
}

.mk-mod-section--experience > .e-con-inner {
  display: block !important;
}

.mk-mod-section--experience h2 {
  margin: 0 0 24px !important;
}

.mk-mod-section--experience
.elementor-shortcode {
  max-width: 850px;
}

.mk-mod-section--experience p {
  max-width: 850px;

  margin: 0 0 17px !important;
}


/* =========================================================
   8. CREDENTIALS
   ========================================================= */

.mk-mod-section--credentials {
  display: block !important;

  padding: 42px 0 62px !important;

  border-top: 1px solid var(--mk-line);

  overflow: visible !important;
}

.mk-mod-section--credentials > .e-con-inner,
.mk-mod-section--credentials .elementor-widget-shortcode,
.mk-mod-section--credentials .elementor-shortcode,
.mk-mod-credentials,
.mk-mod-credential,
.mk-mod-credential__figure {
  overflow: visible !important;
}

.mk-mod-section--credentials h2 {
  margin: 0 0 27px !important;
}

.mk-mod-credentials {
  display: grid;

  gap: 24px;
}

.mk-mod-credential {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(250px, 0.8fr)
    minmax(360px, 1.2fr);

  gap: 55px;

  align-items: center;

  padding: 31px 34px;

  border-top: 3px solid var(--mk-accent);

  background: var(--mk-surface-strong);
}

.mk-mod-credential__name {
  margin: 0 0 10px !important;

  color: var(--mk-navy) !important;

  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.mk-mod-credential__meta {
  margin: 0 !important;

  color: var(--mk-muted) !important;

  font-size: 14px !important;
  line-height: 1.55 !important;
}

.mk-mod-credential__figure {
  position: relative;

  z-index: 2;

  margin: 0;
}

.mk-mod-credential__image {
  position: relative;

  z-index: 2;

  display: block;

  width: 100% !important;
  max-width: 450px !important;

  margin-left: auto;

  border: 1px solid var(--mk-line);

  background: #fff;

  cursor: zoom-in;

  transform: scale(1);
  transform-origin: center right;

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.mk-mod-credential__image:hover {
  z-index: 50;
  transform: scale(1.85);

  box-shadow:
    0 18px 45px rgba(38, 53, 72, 0.22);
}

@media (max-width: 1024px) and (min-width: 768px) {

  .mk-mod-credential__image:hover {
    transform: scale(1.45);
  }

}

@media (max-width: 767px) {

  .mk-mod-credential__image:hover {
    transform: none !important;
    box-shadow: none !important;
  }

}


/* =========================================================
   9. EXTENDED STORY
   ========================================================= */

.mk-mod-section--extended {
  display: block !important;

  padding: 4px 0 12px !important;

  border-top: 0;
}

.mk-mod-profile-section {
  position: relative;

  display: block !important;

  max-width: 970px;

  margin-left: auto;
  margin-right: auto;

  padding: 46px 0 48px;

  border: 0;
}

.mk-mod-profile-section:first-child {
  padding-top: 42px;
}

.mk-mod-profile-section + .mk-mod-profile-section {
  margin-top: 2px;
}

.mk-mod-profile-section h2 {
  max-width: 650px;

  margin: 0 0 23px !important;

  color: var(--mk-navy) !important;

  font-size: 31px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;

  letter-spacing: -0.024em !important;
}

.mk-mod-profile-section p {
  max-width: 840px;

  margin: 0 0 18px !important;

  color: var(--mk-text) !important;

  font-size: 17px !important;
  line-height: 1.72 !important;
}

.mk-mod-profile-section p:first-of-type {
  color: var(--mk-navy) !important;
}

.mk-mod-profile-section a {
  color: var(--mk-navy);

  font-weight: 600;

  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}


/* ŚRODKOWY FRAGMENT HISTORII */

.mk-mod-profile-section:nth-child(even) {
  max-width: 1020px;

  margin-top: 6px;
  margin-bottom: 6px;

  padding: 40px 46px 42px;

  border-left: 2px solid var(--mk-accent);

  background: rgba(255, 255, 255, 0.16);
}


/* =========================================================
   10. CIRCLES — SECTION
   ========================================================= */

.mk-mod-section--circles {
  display: block !important;

  padding: 28px 0 52px !important;

  border-top: 0;
}

.mk-mod-section--circles > h2,
.mk-mod-section--circles
> .elementor-element:first-child h2,
.mk-mod-section--circles
> .e-con-inner
> .elementor-element:first-child h2 {
  margin: 0 0 39px !important;
}


/* =========================================================
   10A. CITY GROUPS
   ========================================================= */

.mk-mod-circles {
  display: block !important;

  width: 100%;
}

.mk-mod-circle-city-group {
  width: 100%;
}

.mk-mod-circle-city-group
+ .mk-mod-circle-city-group {
  margin-top: 48px;
}


/* CITY HEADER */

.mk-mod-circle-city-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 24px;

  align-items: end;

  margin-bottom: 22px;
  padding-bottom: 14px;

  border-bottom: 1px solid var(--mk-line-strong);
}


/* CITY NAME */

.mk-mod-circle-city-title {
  margin: 0 !important;

  color: var(--mk-navy) !important;

  font-size: 27px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;

  letter-spacing: -0.022em !important;
}


/* CITY COUNT */

.mk-mod-circle-city-count {
  padding-bottom: 2px;

  color: var(--mk-text);

  font-size: 12.5px;
  line-height: 1.4;
  font-weight: 700;

  white-space: nowrap;
}


/* =========================================================
   10B. GRID INSIDE CITY
   ========================================================= */

.mk-mod-circle-city-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 18px;
}


/* =========================================================
   10C. CARD BASE
   ========================================================= */

.mk-mod-circle-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 255px;

  padding: 26px 27px 24px;

  border: 1px solid var(--mk-line);

  background: var(--mk-surface-strong);

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.mk-mod-circle-card:hover {
  transform: translateY(-2px);

  background: rgba(255, 255, 255, 0.70);
}


/* =========================================================
   10D. TYPE ACCENTS
   ========================================================= */


/* KRĄG STAŁY */

.mk-mod-circle-card--type-regular {
  border-top: 3px solid var(--mk-navy);
}

.mk-mod-circle-card--type-regular:hover {
  border-color: rgba(38, 53, 72, 0.28);
}


/* DLA NOWYCH */

.mk-mod-circle-card--type-intro {
  border-top: 3px solid var(--mk-accent);

  background:
    linear-gradient(
      180deg,
      var(--mk-accent-soft) 0,
      var(--mk-surface-strong) 52px
    );
}

.mk-mod-circle-card--type-intro:hover {
  border-color: rgba(189, 96, 73, 0.34);

  background:
    linear-gradient(
      180deg,
      var(--mk-accent-soft-2) 0,
      rgba(255, 255, 255, 0.72) 52px
    );
}


/* KRĄG TEMATYCZNY */

.mk-mod-circle-card--type-thematic {
  border-top: 3px solid var(--mk-accent);
}

.mk-mod-circle-card--type-thematic::before {
  content: "";

  position: absolute;

  top: 0;
  bottom: 0;
  left: 0;

  width: 2px;

  background: var(--mk-accent);
}

.mk-mod-circle-card--type-thematic:hover {
  border-color: rgba(189, 96, 73, 0.34);
}


/* FALLBACK */

.mk-mod-circle-card--type-other {
  border-top: 3px solid var(--mk-muted);
}


/* =========================================================
   10E. CARD TOPLINE
   ========================================================= */

.mk-mod-circle-card__topline {
  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  align-items: center;

  margin-bottom: 15px;
}


/* =========================================================
   10F. TYPE LABEL
   ========================================================= */

.mk-mod-circle-card__type {
  display: inline-flex;

  align-items: center;

  min-height: 22px;

  padding: 4px 8px;

  border-radius: 2px;

  font-size: 9px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: 0.065em;

  text-transform: uppercase;
}


/* REGULAR */

.mk-mod-circle-card--type-regular
.mk-mod-circle-card__type {
  background: var(--mk-navy);

  color: #fff;
}


/* INTRO */

.mk-mod-circle-card--type-intro
.mk-mod-circle-card__type {
  border: 1px solid var(--mk-accent);

  background: rgba(255,255,255,0.72);

  color: var(--mk-accent);
}


/* THEMATIC */

.mk-mod-circle-card--type-thematic
.mk-mod-circle-card__type {
  background: var(--mk-accent-soft-2);

  color: var(--mk-accent);
}


/* OTHER */

.mk-mod-circle-card--type-other
.mk-mod-circle-card__type {
  background: var(--mk-navy-soft);

  color: var(--mk-muted);
}


/* =========================================================
   10G. ROLE
   ========================================================= */

.mk-mod-circle-card__role {
  display: inline-flex;

  align-items: center;

  min-height: 22px;

  padding: 4px 8px;

  border: 1px solid var(--mk-line-strong);

  color: var(--mk-muted);

  font-size: 9px;
  line-height: 1.2;
  font-weight: 700;

  letter-spacing: 0.055em;

  text-transform: uppercase;
}


/* =========================================================
   10H. START WKRÓTCE
   ========================================================= */

.mk-mod-circle-card__phase {
  align-self: flex-start;

  margin: -3px 0 14px;

  padding: 5px 8px;

  background: var(--mk-accent);

  color: #fff;

  font-size: 9px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: 0.07em;

  text-transform: uppercase;
}


/* =========================================================
   10I. CARD TITLE
   ========================================================= */

.mk-mod-circle-card__title {
  margin: 0 0 15px !important;

  color: var(--mk-navy) !important;

  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;

  letter-spacing: -0.014em !important;
}


/* =========================================================
   10J. CARD META
   ========================================================= */

.mk-mod-circle-card__location {
  margin-top: 0;

  color: var(--mk-muted);

  font-size: 13.5px;
  line-height: 1.5;
}

.mk-mod-circle-card__date {
  margin-top: 7px;

  color: var(--mk-muted);

  font-size: 13.5px;
  line-height: 1.5;
}

.mk-mod-circle-card__date-label {
  color: var(--mk-text);

  font-weight: 700;
}


/* =========================================================
   10K. SCHEDULE
   DZIEŃ / GODZINA / RYTM
   ========================================================= */

.mk-mod-circle-card__schedule {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 13px;
}


/* CHIP */

.mk-mod-circle-card__schedule-chip {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 27px;

  padding: 5px 9px;

  border: 1px solid var(--mk-chip-border);
  border-radius: 999px;

  background: var(--mk-chip-bg);

  color: var(--mk-text);

  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 650;

  white-space: nowrap;
}


/* DZIEŃ */

.mk-mod-circle-card__schedule-chip:first-child {
  color: var(--mk-navy);

  font-weight: 700;
}


/* TYPOLOGIA — DELIKATNE OBRAMOWANIE CHIPÓW */

.mk-mod-circle-card--type-regular
.mk-mod-circle-card__schedule-chip {
  border-color: rgba(38, 53, 72, 0.18);
}

.mk-mod-circle-card--type-intro
.mk-mod-circle-card__schedule-chip,
.mk-mod-circle-card--type-thematic
.mk-mod-circle-card__schedule-chip {
  border-color: rgba(189, 96, 73, 0.20);
}


/* =========================================================
   10L. STATUS ZAPISÓW
   ========================================================= */

.mk-mod-circle-card__status {
  margin-top: 12px;

  color: var(--mk-text);

  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;

  opacity: 0.82;
}


/* =========================================================
   10M. CARD CTA
   ========================================================= */

.mk-mod-circle-card__link {
  display: inline-flex;

  align-items: center;

  align-self: flex-start;

  min-height: 38px;

  margin-top: auto;

  padding: 10px 2px 7px 0;

  color: var(--mk-navy);

  font-size: 13.5px;
  line-height: 1.3;
  font-weight: 800;

  text-decoration: none;

  transition:
    color .2s ease,
    transform .2s ease;
}

.mk-mod-circle-card__link::after {
  content: "";

  display: block;

  position: absolute;

  width: 28px;
  height: 2px;

  margin-top: 34px;

  background: var(--mk-accent);

  transition: width .2s ease;
}

.mk-mod-circle-card__link:hover {
  color: var(--mk-accent);

  transform: translateX(2px);
}

.mk-mod-circle-card__link:hover::after {
  width: 48px;
}


/* =========================================================
   11. CONTACT
   ========================================================= */

.mk-mod-section--contact {
  display: block !important;

  max-width: 970px !important;

  padding: 44px 0 52px !important;

  border-top: 1px solid var(--mk-line);
}

.mk-mod-section--contact h2 {
  margin: 0 0 23px !important;
}

.mk-mod-public-links {
  display: flex;
  flex-wrap: wrap;

  gap: 10px 18px;
}

.mk-mod-public-links a {
  color: var(--mk-navy);

  font-size: 15px;
  font-weight: 600;

  text-decoration: underline;
  text-underline-offset: 4px;
}

.mk-mod-public-links a:hover {
  color: var(--mk-accent);
}

.mk-mod-public-links__sep {
  color: var(--mk-accent);
}


/* EMPTY CONTACT SAFETY */

.mk-mod-section--contact:not(:has(.mk-mod-public-links)) {
  display: none !important;
}


/* =========================================================
   12. FINAL CTA
   ========================================================= */

.mk-mod-final-cta {
  margin-top: 0 !important;
  margin-bottom: 70px !important;

  padding: 46px 48px 47px !important;

  border-top: 3px solid var(--mk-accent);

  background: rgba(255,255,255,0.30);
}

.mk-mod-final-cta h2,
.mk-mod-final-cta h2.elementor-heading-title {
  max-width: 760px;

  margin: 0 0 14px !important;

  color: var(--mk-navy) !important;

  font-size: clamp(33px, 3vw, 43px) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;

  letter-spacing: -0.026em !important;
}

.mk-mod-final-cta p {
  max-width: 760px;

  margin-top: 0;
  margin-bottom: 20px;

  color: var(--mk-text) !important;

  font-size: 16px !important;
  line-height: 1.65 !important;
}


/* FINAL CTA — LINKS */

.mk-mod-final-cta a:not(.elementor-button) {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 42px;

  margin: 8px 10px 0 0;

  padding: 11px 17px;

  border: 1px solid var(--mk-navy);

  color: var(--mk-navy);

  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: 0.045em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    background .2s ease,
    color .2s ease;
}

.mk-mod-final-cta a:not(.elementor-button)::after {
  display: none;
}

.mk-mod-final-cta a:not(.elementor-button):hover {
  background: var(--mk-navy);

  color: #fff;
}


/* FINAL CTA — BUTTON */

.mk-mod-final-cta .elementor-button {
  padding: 12px 18px !important;

  border: 1px solid var(--mk-navy) !important;
  border-radius: 2px !important;

  background: transparent !important;

  color: var(--mk-navy) !important;

  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;

  letter-spacing: 0.055em;

  text-transform: uppercase;

  box-shadow: none !important;
}

.mk-mod-final-cta .elementor-button:hover {
  background: var(--mk-navy) !important;

  color: #fff !important;
}


/* =========================================================
   13. TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .mk-mod-breadcrumbs-wrap,
  .mk-mod-hero,
  .mk-mod-section,
  .mk-mod-final-cta {
    width: calc(100% - 40px) !important;
  }


  /* HERO */

  .mk-mod-hero,
  .mk-mod-hero > .e-con-inner {
    grid-template-columns:
      minmax(0, 1.15fr)
      minmax(280px, 0.85fr);

    gap: 38px;
  }

  .mk-mod-hero {
    padding: 40px 32px !important;
  }


  /* APPROACH */

  .mk-mod-section--approach,
  .mk-mod-section--approach > .e-con-inner {
    grid-template-columns:
      200px
      minmax(0, 1fr);

    gap: 38px;
  }


  /* STORY */

  .mk-mod-profile-section:nth-child(even) {
    padding-left: 34px;
    padding-right: 34px;
  }

}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .mk-mod-breadcrumbs-wrap,
  .mk-mod-hero,
  .mk-mod-section,
  .mk-mod-final-cta {
    width: calc(100% - 32px) !important;
  }


  /* BREADCRUMBS */

  .mk-mod-breadcrumbs-wrap {
    overflow-x: auto;

    padding-top: 14px;
    padding-bottom: 11px;
  }

  .mk-mod-breadcrumbs__list {
    flex-wrap: nowrap;

    width: max-content;

    white-space: nowrap;

    font-size: 11px;
  }


  /* HERO */

  .mk-mod-hero,
  .mk-mod-hero > .e-con-inner {
    grid-template-columns: 1fr !important;

    gap: 26px;
  }

  .mk-mod-hero {
    margin-bottom: 39px !important;

    padding: 29px 20px 24px !important;
  }

  .mk-mod-hero__content h1,
  .mk-mod-hero__content h1.elementor-heading-title {
    font-size: 38px !important;
  }

  .mk-mod-hero__content
  .elementor-widget-theme-post-excerpt,
  .mk-mod-hero__content
  .elementor-widget-theme-post-excerpt p {
    font-size: 16px !important;
    line-height: 1.64 !important;
  }

  .mk-mod-hero__image {
    justify-content: flex-start;
  }

  .mk-mod-hero__image img {
    max-width: none !important;

    margin: 0 !important;
  }


  /* TYPOGRAPHY */

  .mk-mod-section h2,
  .mk-mod-section h2.elementor-heading-title {
    font-size: 28px !important;
  }

  .mk-mod-section p {
    font-size: 16px !important;
    line-height: 1.67 !important;
  }


  /* ABOUT */

  .mk-mod-section--about {
    padding-bottom: 40px !important;
  }

  .mk-mod-section--about h2 {
    margin-bottom: 18px !important;
  }

  .mk-mod-section--about p:first-child {
    font-size: 18px !important;
  }


  /* APPROACH */

  .mk-mod-section--approach,
  .mk-mod-section--approach > .e-con-inner {
    display: block !important;
  }

  .mk-mod-section--approach {
    margin-bottom: 42px !important;

    padding: 29px 21px !important;
  }

  .mk-mod-section--approach h2 {
    margin-bottom: 20px !important;
  }


  /* EXPERIENCE */

  .mk-mod-section--experience {
    padding-bottom: 42px !important;
  }


  /* CREDENTIALS */

  .mk-mod-section--credentials {
    padding: 35px 0 46px !important;
  }

  .mk-mod-credential {
    grid-template-columns: 1fr;

    gap: 23px;

    padding: 22px 20px;
  }

  .mk-mod-credential__image {
    max-width: none !important;

    margin: 0 !important;

    cursor: default;

    transform: none !important;

    box-shadow: none !important;
  }

  .mk-mod-credential__image:hover {
    transform: none !important;

    box-shadow: none !important;
  }


  /* STORY */

  .mk-mod-profile-section,
  .mk-mod-profile-section:nth-child(even) {
    max-width: none;

    margin: 0;

    padding: 37px 0 40px;

    border-left: 0;

    background: transparent;
  }

  .mk-mod-profile-section:first-child {
    padding-top: 37px;
  }

  .mk-mod-profile-section h2 {
    margin-bottom: 18px !important;

    font-size: 27px !important;
  }


  /* CIRCLES */

  .mk-mod-section--circles {
    padding: 43px 0 32px !important;
  }

  .mk-mod-section--circles > h2,
  .mk-mod-section--circles
  > .elementor-element:first-child h2,
  .mk-mod-section--circles
  > .e-con-inner
  > .elementor-element:first-child h2 {
    margin-bottom: 29px !important;
  }

  .mk-mod-circle-city-group
  + .mk-mod-circle-city-group {
    margin-top: 40px;
  }

  .mk-mod-circle-city-head {
    gap: 14px;

    margin-bottom: 18px;
    padding-bottom: 12px;
  }

  .mk-mod-circle-city-title {
    font-size: 24px !important;
  }

  .mk-mod-circle-city-count {
    font-size: 12px;
  }

  .mk-mod-circle-city-grid {
    grid-template-columns: 1fr;

    gap: 14px;
  }

  .mk-mod-circle-card {
    min-height: 0;

    padding: 21px 20px;
  }

  .mk-mod-circle-card__title {
    font-size: 19px !important;
  }

  .mk-mod-circle-card__location,
  .mk-mod-circle-card__date {
    font-size: 13.5px;
  }


  /* SCHEDULE */

  .mk-mod-circle-card__schedule {
    gap: 6px;

    margin-top: 12px;
  }

  .mk-mod-circle-card__schedule-chip {
    min-height: 26px;

    padding: 5px 8px;

    font-size: 11px;
  }


  /* STATUS */

  .mk-mod-circle-card__status {
    margin-top: 10px;

    font-size: 13px;

    opacity: 0.86;
  }


  /* CTA */

  .mk-mod-circle-card__link {
    min-height: 40px;

    padding-top: 11px;

    font-size: 13.5px;
  }


  /* FINAL CTA */

  .mk-mod-final-cta {
    margin-bottom: 48px !important;

    padding: 30px 21px 32px !important;
  }

  .mk-mod-final-cta h2,
  .mk-mod-final-cta h2.elementor-heading-title {
    font-size: 30px !important;
  }

  .mk-mod-final-cta p {
    font-size: 15px !important;
  }

  .mk-mod-final-cta a:not(.elementor-button) {
    width: 100%;

    margin-right: 0;
  }

}


/* =========================================================
   15. SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .mk-mod-breadcrumbs-wrap,
  .mk-mod-hero,
  .mk-mod-section,
  .mk-mod-final-cta {
    width: calc(100% - 24px) !important;
  }


  /* HERO */

  .mk-mod-hero {
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  .mk-mod-hero__content h1,
  .mk-mod-hero__content h1.elementor-heading-title {
    font-size: 34px !important;
  }


  /* CITY HEADER */

  .mk-mod-circle-city-head {
    display: block;
  }

  .mk-mod-circle-city-count {
    margin-top: 5px;
  }


  /* SCHEDULE */

  .mk-mod-circle-card__schedule {
    gap: 5px;
  }

  .mk-mod-circle-card__schedule-chip {
    min-height: 25px;

    padding: 4px 8px;

    font-size: 10.5px;
  }

}

/* =========================================================
   16. MĘSKIE WYDARZENIA
   v1.1 FORMAT / SPACER / FREE
   ========================================================= */

.mk-mod-section--events {
  --mk-event: #256d85;
  --mk-event-soft: rgba(37, 109, 133, 0.08);
  --mk-event-line: rgba(37, 109, 133, 0.22);

  --mk-free: #5f7d45;
  --mk-free-soft: rgba(95, 125, 69, 0.09);
  --mk-free-line: rgba(95, 125, 69, 0.28);

  display: block !important;

  padding: 56px 0 36px !important;

  border-top: 1px solid var(--mk-line);
}


/* HEADER */

.mk-mod-events__head {
  max-width: 790px;

  margin-bottom: 27px;
}

.mk-mod-events__label {
  margin: 0 0 10px;

  color: var(--mk-event);

  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;

  letter-spacing: 0.075em;

  text-transform: uppercase;
}

.mk-mod-section--events h2 {
  margin: 0 0 14px !important;
}

.mk-mod-events__head p {
  max-width: 720px;

  margin: 0 !important;

  color: var(--mk-muted) !important;

  font-size: 16px !important;
  line-height: 1.65 !important;
}


/* LISTA */

.mk-mod-events {
  display: grid;

  gap: 18px;
}


/* KARTA */

.mk-mod-event-card {
  display: grid;

  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(245px, 0.55fr);

  gap: 42px;

  align-items: stretch;

  padding: 29px 31px;

  border: 1px solid var(--mk-line);
  border-top: 3px solid var(--mk-event);

  background: var(--mk-surface-strong);

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.mk-mod-event-card:hover {
  transform: translateY(-2px);

  border-color: rgba(37, 109, 133, 0.28);

  background: rgba(255, 255, 255, 0.70);
}


/* LEWA STRONA */

.mk-mod-event-card__main {
  min-width: 0;
}

.mk-mod-event-card__topline {
  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  align-items: center;

  margin-bottom: 16px;
}


/* TYP WYDARZENIA */

.mk-mod-event-card__type {
  display: inline-flex;

  align-items: center;

  min-height: 23px;

  padding: 4px 8px;

  border-radius: 2px;

  background: var(--mk-event);

  color: #fff;

  font-size: 9px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: 0.065em;

  text-transform: uppercase;
}


/* STATUS */

.mk-mod-event-card__status {
  color: var(--mk-text);

  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 700;

  opacity: 0.88;
}

.mk-mod-event-card__status--open,
.mk-mod-event-card__status--last_places {
  color: var(--mk-navy);
}


/* TYTUŁ */

.mk-mod-event-card__title {
  margin: 0 0 13px !important;

  color: var(--mk-navy) !important;

  font-size: 23px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;

  letter-spacing: -0.018em !important;
}


/* LOKALIZACJA */

.mk-mod-event-card__location {
  color: var(--mk-muted);

  font-size: 14px;
  line-height: 1.55;
}


/* FORMAT WYDARZENIA */

.mk-mod-event-card__format-row {
  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  align-items: center;

  margin-top: 15px;
}

.mk-mod-event-card__format,
.mk-mod-event-card__format-price {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 27px;

  padding: 5px 10px;

  border-radius: 999px;

  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: 0.035em;

  white-space: nowrap;
}

.mk-mod-event-card__format {
  border: 1px solid var(--mk-event-line);

  background: var(--mk-event-soft);

  color: var(--mk-event);

  text-transform: uppercase;
}

.mk-mod-event-card__format-price {
  border: 1px solid var(--mk-free-line);

  background: var(--mk-free-soft);

  color: var(--mk-free);
}

.mk-mod-event-card__format-description {
  max-width: 620px;

  margin-top: 10px;

  color: var(--mk-text);

  font-size: 13.5px;
  line-height: 1.55;
  font-weight: 500;
}


/* PRAWA STRONA */

.mk-mod-event-card__aside {
  display: flex;
  flex-direction: column;

  justify-content: center;

  min-width: 0;

  padding-left: 31px;

  border-left: 1px solid var(--mk-line);
}


/* DATA */

.mk-mod-event-card__date {
  margin-bottom: 5px;

  color: var(--mk-navy);

  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
}


/* GODZINA */

.mk-mod-event-card__time {
  color: var(--mk-muted);

  font-size: 13.5px;
  line-height: 1.45;
}


/* CENA — FALLBACK DLA STARSZEGO MARKUPU */

.mk-mod-event-card__price {
  align-self: flex-start;

  margin-top: 14px;

  padding: 5px 10px;

  border: 1px solid var(--mk-free-line);
  border-radius: 999px;

  background: var(--mk-free-soft);

  color: var(--mk-free);

  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 800;
}


/* CTA */

.mk-mod-event-card__link {
  display: inline-flex;

  align-items: center;

  align-self: flex-start;

  margin-top: 20px;

  padding-bottom: 4px;

  border-bottom: 2px solid var(--mk-event);

  color: var(--mk-navy) !important;

  font-size: 13.5px;
  line-height: 1.35;
  font-weight: 800;

  text-decoration: none !important;

  transition:
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.mk-mod-event-card__link:hover {
  color: var(--mk-event) !important;

  transform: translateX(2px);
}


/* =========================================================
   17. TABLET — MĘSKIE WYDARZENIA
   ========================================================= */

@media (max-width: 1024px) {

  .mk-mod-event-card {
    grid-template-columns:
      minmax(0, 1.2fr)
      minmax(220px, 0.8fr);

    gap: 30px;

    padding: 27px 27px;
  }

  .mk-mod-event-card__aside {
    padding-left: 26px;
  }

}


/* =========================================================
   18. MOBILE — MĘSKIE WYDARZENIA
   ========================================================= */

@media (max-width: 767px) {

  .mk-mod-section--events {
    padding: 24px 0 42px !important;
  }

  .mk-mod-events__head {
    margin-bottom: 25px;
  }

  .mk-mod-events__head p {
    font-size: 15px !important;
  }

  .mk-mod-event-card {
    grid-template-columns: 1fr;

    gap: 22px;

    padding: 22px 20px;
  }

  .mk-mod-event-card:hover {
    transform: none;
  }

  .mk-mod-event-card__title {
    font-size: 20px !important;
  }

  .mk-mod-event-card__format-row {
    gap: 6px;

    margin-top: 13px;
  }

  .mk-mod-event-card__format,
  .mk-mod-event-card__format-price {
    min-height: 26px;

    padding: 5px 9px;

    font-size: 10px;
  }

  .mk-mod-event-card__format-description {
    margin-top: 9px;

    font-size: 13px;
  }

  .mk-mod-event-card__aside {
    justify-content: flex-start;

    padding: 20px 0 0;

    border-top: 1px solid var(--mk-line);
    border-left: 0;
  }

  .mk-mod-event-card__date {
    font-size: 14.5px;
  }

  .mk-mod-event-card__link {
    margin-top: 18px;
  }

}


/* =========================================================
   19. SMALL MOBILE — MĘSKIE WYDARZENIA
   ========================================================= */

@media (max-width: 420px) {

  .mk-mod-event-card__topline {
    gap: 8px;
  }

  .mk-mod-event-card__format-row {
    gap: 5px;
  }

  .mk-mod-event-card__format,
  .mk-mod-event-card__format-price {
    font-size: 9.5px;
  }

}

/* =========================================================
   20. FINAL EVENT SPACING / DIVIDER SAFETY
   ========================================================= */

/*
 * Separator między „Prowadzone kręgi” a „Męskie wydarzenia”
 * ma pochodzić wyłącznie z otoczenia szablonu.
 * Sama sekcja wydarzeń nie dokłada drugiej linii.
 */
.mk-mod-section--events {
  border-top: 0 !important;
}

/*
 * Gdy shortcode siedzi w pustym kontenerze Elementora,
 * nie dokładamy dodatkowego wizualnego „pasa” nad nagłówkiem.
 */
.elementor-widget-shortcode:has(.mk-mod-section--events),
.elementor-widget-shortcode:has(.mk-mod-section--events) > .elementor-widget-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Godzina na karcie pozostaje w jednym wierszu. */
.mk-mod-event-card__time {
  white-space: nowrap;
}

/* =========================================================
   21. v4.1 FINAL SPACING OVERRIDES
   ========================================================= */

/* Mniej pustej przestrzeni między końcem kręgów a wydarzeniami. */
.mk-mod-section--circles {
  padding-bottom: 36px !important;
}

.mk-mod-section--events {
  padding-top: 28px !important;
  padding-bottom: 52px !important;
}

/* Status zapisów na karcie wydarzenia — trochę mocniejszy. */
.mk-mod-event-card__status {
  color: var(--mk-text);
  font-size: 11.5px;
  font-weight: 700;
  opacity: 0.88;
}

@media (max-width: 767px) {

  .mk-mod-section--circles {
    padding-bottom: 32px !important;
  }

  .mk-mod-section--events {
    padding-top: 24px !important;
    padding-bottom: 42px !important;
  }

}/* End custom CSS */