/* =========================================================
   Mateuszkafara.pl - homepage UI normalization v21.0
   - wspólny rozmiar i font nagłówków sekcji
   - około 15% większy nagłówek względem wcześniejszej skali
   - nagłówki wykorzystują pełną szerokość kontenera
   - poprawione układy sekcji dzielonych
   ========================================================= */

.page-home-v21{
  --home-max:1460px;
  --home-title-size:34px;
  --home-title-size-mobile:28px;
  --home-heading-font:'Inter Display','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

.page-home-v21 #main > .section > .container,
.page-home-v21 #main > section > .container,
.page-home-v21 .mk-services-v207__inner{
  width:min(var(--home-max),calc(100% - 56px));
  max-width:none;
  margin-inline:auto;
}

/* Jeden system nagłówków dla wszystkich głównych sekcji strony głównej. */
.page-home-v21 #main > section:not(.hero):not(.home-contact-v7) h2,
.page-home-v21 .home-contact-v7 .contact-v7-intro > h2{
  width:100%;
  max-width:none!important;
  margin-left:0;
  margin-right:0;
  font-family:var(--home-heading-font)!important;
  font-size:var(--home-title-size)!important;
  font-weight:700!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  text-wrap:pretty;
}

.page-home-v21 .home-section-head,
.page-home-v21 .section-head.home-section-head,
.page-home-v21 .faq-side-copy.home-section-head,
.page-home-v21 .mk-services-v207__header.home-section-head,
.page-home-v21 .mk-polska-v208__header.home-section-head{
  width:100%;
  max-width:none!important;
  margin:0 0 30px!important;
  padding:0!important;
  text-align:left!important;
}

.page-home-v21 .section-head.home-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
}

.page-home-v21 .section-head.home-section-head > div{
  width:100%;
  max-width:none!important;
}

.page-home-v21 .home-section-head .eyebrow,
.page-home-v21 .mk-services-v207__header .eyebrow,
.page-home-v21 .mk-polska-v208__header .eyebrow{
  margin-bottom:10px!important;
  font-family:'Inter',system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:.09em!important;
}

.page-home-v21 .home-section-head p,
.page-home-v21 .section-head.home-section-head p,
.page-home-v21 .mk-services-v207__header p,
.page-home-v21 .mk-polska-v208__header p{
  max-width:1080px!important;
  margin:12px 0 0!important;
  font-family:'Inter',system-ui,sans-serif!important;
  font-size:15px!important;
  line-height:1.7!important;
}

/* Na bardzo szerokich ekranach długie tytuły pozostają w jednej linii. */
@media (min-width:1280px){
  .page-home-v21 #main > section:not(.hero):not(.home-contact-v7) h2{
    white-space:nowrap!important;
  }
}

/* Story - tytuł na całą szerokość, dopiero poniżej układ 2-kolumnowy. */
.page-home-v21 .story-section{
  padding-top:58px!important;
  padding-bottom:56px!important;
}
.page-home-v21 .story-grid-v21{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:52px;
  align-items:center;
}
.page-home-v21 .story-grid-v21 .story-copy{
  max-width:none!important;
}
.page-home-v21 .story-grid-v21 .story-copy p{
  font-size:15px!important;
  line-height:1.74!important;
}

/* SEO + AI - nagłówek pełnej szerokości, bez ograniczenia do lewej kolumny. */
.page-home-v21 .seo-ai-section{
  padding-top:60px!important;
  padding-bottom:60px!important;
  background:#151e2b!important;
}
.page-home-v21 .seo-ai-section .home-section-head h2,
.page-home-v21 .home-section-head--dark h2{
  color:#fff!important;
}
.page-home-v21 .home-section-head--dark .eyebrow{
  color:#ff8eb5!important;
}
.page-home-v21 .seo-ai-layout-v21{
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
  gap:52px!important;
  align-items:start!important;
}
.page-home-v21 .seo-ai-copy-v21 > p{
  max-width:690px!important;
  margin:0 0 20px!important;
  color:#c2ccdc!important;
  font-size:15px!important;
  line-height:1.76!important;
}

/* Model - tytuł nie jest już ściśnięty w lewej kolumnie. */
.page-home-v21 .home-model-section{
  padding-top:58px!important;
  padding-bottom:48px!important;
}
.page-home-v21 .home-model-grid-v21{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  gap:46px!important;
  align-items:start!important;
}
.page-home-v21 .home-model-copy{
  max-width:none!important;
}
.page-home-v21 .home-model-copy > p{
  max-width:680px!important;
  margin:0 0 22px!important;
}

/* Standardowe sekcje z akcją po prawej. */
.page-home-v21 .seo-silo-section .seo-silo-head h2,
.page-home-v21 .home-process-head h2,
.page-home-v21 .home-portfolio-head h2,
.page-home-v21 .home-blog-head h2{
  max-width:none!important;
}
.page-home-v21 .seo-silo-section .seo-silo-head > div,
.page-home-v21 .home-process-head > div,
.page-home-v21 .home-portfolio-head > div,
.page-home-v21 .home-blog-head > div{
  max-width:none!important;
}

/* FAQ - nagłówek pełnej szerokości, lista pod nim. */
.page-home-v21 .faq-layout-v21{
  display:block!important;
}
.page-home-v21 .faq-layout-v21 .faq-side-copy{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 28px!important;
  text-align:left!important;
}
.page-home-v21 .faq-layout-v21 .faq-side-copy p{
  max-width:1050px!important;
  margin:12px 0 0!important;
  text-align:left!important;
}
.page-home-v21 .faq-layout-v21 .faq-side-copy .text-link{
  margin-top:13px;
}

/* Kontakt - główny tytuł ma ten sam font i rozmiar; nagłówek formularza pozostaje podrzędny. */
.page-home-v21 .home-contact-v7 .contact-v7-intro > h2{
  color:#fff!important;
  white-space:normal!important;
}
.page-home-v21 .home-contact-v7 .contact-v7-form-head h2{
  font-family:'Inter',system-ui,sans-serif!important;
  font-size:20px!important;
  line-height:1.3!important;
  letter-spacing:-.015em!important;
}

/* Spójne opisy i brak sztucznych limitów szerokości nagłówków. */
.page-home-v21 .story-section h2,
.page-home-v21 .seo-ai-section h2,
.page-home-v21 .home-model-section h2,
.page-home-v21 .home-process-section h2,
.page-home-v21 #realizacje h2,
.page-home-v21 .faq-feature-section h2,
.page-home-v21 .home-blog-section h2{
  max-width:none!important;
}

@media (max-width:1100px){
  .page-home-v21 #main > .section > .container,
  .page-home-v21 #main > section > .container,
  .page-home-v21 .mk-services-v207__inner{
    width:min(100% - 40px,var(--home-max));
  }
  .page-home-v21 .story-grid-v21,
  .page-home-v21 .seo-ai-layout-v21,
  .page-home-v21 .home-model-grid-v21{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
}

@media (max-width:760px){
  .page-home-v21{
    --home-title-size:var(--home-title-size-mobile);
  }
  .page-home-v21 #main > .section > .container,
  .page-home-v21 #main > section > .container,
  .page-home-v21 .mk-services-v207__inner{
    width:min(100% - 28px,var(--home-max));
  }
  .page-home-v21 #main > section:not(.hero):not(.home-contact-v7) h2,
  .page-home-v21 .home-contact-v7 .contact-v7-intro > h2{
    white-space:normal!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
  }
  .page-home-v21 .section-head.home-section-head{
    grid-template-columns:1fr;
    gap:12px;
  }
  .page-home-v21 .home-section-head,
  .page-home-v21 .section-head.home-section-head,
  .page-home-v21 .faq-side-copy.home-section-head{
    margin-bottom:22px!important;
  }
  .page-home-v21 .home-section-head p,
  .page-home-v21 .section-head.home-section-head p{
    font-size:14px!important;
    line-height:1.65!important;
  }
}

/* Pozostałości starej typografii Montserrat na stronie głównej zastępujemy Interem. */
.page-home-v21 .seo-ai-points article>span,
.page-home-v21 .seo-ai-points strong{
  font-family:'Inter',system-ui,sans-serif!important;
}