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




}

/* === STOPKA – tablet 1024px (układ zbliżony do Figmy) === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  /* tło i główny kontener */
  .site-footer,
  .footer-wrap {
    background: #E7DAFA !important;
  }

  .footer {
    box-sizing: border-box !important;
    max-width: 1026px !important;
    margin: 0 auto !important;
    padding: 64px 64px !important;
  }

  /* GÓRNA CZĘŚĆ: lewa kolumna (menu) + prawa kolumna (CTA + social) */
  .footer__top {
    max-width: 891px !important;
    margin: 0 auto 36px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 160px !important;
  }

  /* LEWA KOLUMNA: Dla Pacjenta + Oferta + O Nas */
  .footer__main {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 32px !important;

    width: 301.5px !important;
    flex: 0 0 auto !important;
  }

  /* Rząd: Dla Pacjenta + Oferta */
  .footer__cols-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 64px !important;
    width: auto !important;
  }

  .footer__col {
    width: 301.5px !important;
  }

  /* nagłówki kolumn */
  .footer__title {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    line-height: 120% !important;
    color: #283896 !important;
    margin: 0 0 24px 0 !important;
  }

  /* listy linków */
  .footer__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .footer-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
  }

  .footer-link__label {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 110% !important;
    color: #283896 !important;
  }

  /* ===== O NAS – dokładnie pod "Dla Pacjenta" + 2 kolumny w menu ===== */
  .footer__row--onas {
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
  }

  .footer__onas {
    width: 301.5px !important;
  }

  .footer__title--onas {
    margin: 0 0 24px 0 !important;
  }

  /* 3 linki w lewej kolumnie, kolejne 3 w prawej */
  .footer__menu--onas .footer__list {
    column-count: 2 !important;
    column-gap: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer__menu--onas .footer__item {
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    margin: 0 0 12px 0 !important;
  }

  /* PRAWA KOLUMNA – CTA + Social (pozostają razem) */
  .footer__cta {
    width: 301.5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }

  .footer__cta-title,
  .footer__social-title {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    line-height: 120% !important;
    color: #283896 !important;
    margin: 0 !important;
  }

  .footer__cta-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 12px 24px !important;

    background: #283896 !important;
    border-radius: 24px !important;
    text-decoration: none !important;
  }

  .footer__cta-btn span {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #FFFFFF !important;
  }

  .footer__social {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .footer__social-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
  }

  .footer__social-text {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 110% !important;
    color: #283896 !important;
  }

  /* separator + dół stopki */
  .footer__divider {
    max-width: 763px !important;
    margin: 24px auto !important;
    border-top: 2px solid #283896 !important;
  }

  .footer__bottom {
    max-width: 763px !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 36px !important;
  }

  .footer__copy {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }
}


/* === STOPKA – tablet 1024px, układ jak w Figmie === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  /* tło + główny kontener */
  .site-footer,
  .footer-wrap {
    background: #E7DAFA !important;
  }

  .footer {
    box-sizing: border-box !important;
    max-width: 1026px !important;
    margin: 0 auto !important;
    padding: 64px 64px !important;
  }

  /* GÓRNA CZĘŚĆ – wszystko w jednej kolumnie, jak frame 1091 */
  .footer__top {
    max-width: 763px !important;
    margin: 0 auto 36px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 48px !important;
  }

  /* === BLOK MENU (Dla Pacjenta + Oferta + O Nas) === */

  .footer__main {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 32px !important;
  }

  /* Rząd: Dla Pacjenta + Oferta – 2 kolumny */
  .footer__cols-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 160px !important; /* 301.5 + 160 + 301.5 = 763 */
  }

  .footer__col {
    width: 301.5px !important;
  }

  .footer__title {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    line-height: 120% !important;
    color: #283896 !important;
    margin: 0 0 24px 0 !important;
  }

  .footer__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .footer-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
  }

  .footer-link__label {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 110% !important;
    color: #283896 !important;
  }

  /* === O NAS – POD DWIEMA GÓRNYMI KOLUMNAMI === */

  .footer__row--onas {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer__onas {
    width: 301.5px !important;
  }

  .footer__title--onas {
    margin: 0 0 24px 0 !important;
  }

  /* 2 kolumny po 3 pozycje */
  .footer__menu--onas .footer__list {
    column-count: 2 !important;
    column-gap: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer__menu--onas .footer__item {
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    margin: 0 0 12px 0 !important;
  }

  /* === BLOK CTA + SOCIAL – 2 KOLUMNY POD MENU === */

  .footer__cta {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "cta-title social-title"
      "cta-btn   social-list" !important;
    column-gap: 160px !important;
    row-gap: 24px !important;
  }

  .footer__cta-title {
    grid-area: cta-title !important;
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    line-height: 120% !important;
    color: #283896 !important;
    margin: 0 !important;
  }

  .footer__cta-btn {
    grid-area: cta-btn !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 12px 24px !important;

    background: #283896 !important;
    border-radius: 24px !important;
    text-decoration: none !important;
  }

  .footer__cta-btn span {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #FFFFFF !important;
  }

  .footer__social-title {
    grid-area: social-title !important;
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    line-height: 120% !important;
    color: #283896 !important;
    margin: 0 !important;
  }

  .footer__social {
    grid-area: social-list !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .footer__social-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
  }

  .footer__social-text {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 110% !important;
    color: #283896 !important;
  }

  /* === DÓŁ STOPKI === */

  .footer__divider {
    max-width: 763px !important;
    margin: 24px auto !important;
    border-top: 2px solid #283896 !important;
  }

  .footer__bottom {
    max-width: 763px !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 36px !important;
  }

  .footer__copy {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }
  
  
  
  
  
  
}





@media (max-width:1024px){
	
/* === BANER – m-banner – widok 1024px === */

.m-banner {
  margin-top: 24px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;   /* wyśrodkuj baner w kontencie */
}

/* Obraz z banera – parametry z Figma */
.m-banner__img {
  display: block;
  width: 100%;
  max-width: 891px;          /* szerokość z Figma */
  height: 450px;             /* wysokość z Figma */
  object-fit: cover;
  border-radius: 24px;
}
	
	
	
	
/* === SECTION HERO – mojeee1 – widok 1024px === */

.section.mojeee1 {
  padding: 40px 0;
}

/* Cała sekcja – szerokość 700px, układ jak w Figma: góra 1 kafel, niżej 2 obok siebie */
.section.mojeee1 .m-hero-cards {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 12px;
  padding: 0;
}

/* Duży kafel – pełna szerokość */
.section.mojeee1 .mhc__big.card {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
  border-radius: 24px;
}

/* Tytuł */
.section.mojeee1 .mhc__title {
  margin: 0;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 42px;
  line-height: 1.1;
  color: #283896;
}

/* Wyróżnienie w tytule */
.section.mojeee1 .mhc__title b {
  font-weight: 700;
}

/* Podtytuł */
.section.mojeee1 .mhc__subtitle {
  margin: 0;
  margin-top: 12px;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.2;
  color: rgba(40, 56, 150, 0.75);
}

/* Przycisk “Poznaj nas” */
.section.mojeee1 .mhc__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 24px;
  margin-top: 8px;
  background: #E7DAFA;
  border: 1.4px solid #8849D4;
  border-radius: 24px;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1;
  color: #283896;
}

/* Małe kafle – po 2 w rzędzie, jak Frame 44 (338px) */
.section.mojeee1 .mhc__small.card {
  flex: 0 0 calc(50% - 6px); /* 2 kolumny z odstępem 12px */
  max-width: 338px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
  border-radius: 24px;
  text-decoration: none;
}

/* Górna część małych kafli (obraz / fioletowy blok z Figma) */
.section.mojeee1 .mhc__small-media {
  width: 100%;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

/* Obraz w małych kaflach */
.section.mojeee1 .mhc__small-media img {
  display: block;
  width: 100%;
  height: 179px;
  object-fit: cover;
}

/* Tekst + strzałka w małych kaflach */
.section.mojeee1 .mhc__link {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1;
  color: #283896;
}

/* Tekst niech może zawijać się w 2 linie jak w projekcie */
.section.mojeee1 .mhc__link span {
  flex: 1;
  max-height: 36px;
}

/* Strzałki w małych kaflach */
.section.mojeee1 .mhc__link img {
  width: 20px;
  height: 20px;
}
	
	
/* === PORTAL PACJENTA – sekcja CTA (Frame 47 – 1024px) === */

.section .m-cta {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 0;
  gap: 36px;
}

/* Górny obraz – jak Frame 44 */
.section .m-cta__media {
  width: 100%;
  height: 445px;
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
}

.section .m-cta__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Blok tekstowy pod zdjęciem */
.section .m-cta__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Tytuł */
.section .m-cta__title {
  margin: 0;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.1;
  color: #283896;
}

.section .m-cta__title b {
  font-weight: 700;
}

/* Akapit */
.section .m-cta__text {
  margin: 0;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #3D3D3D;
}

/* Przyciski pod tekstem – w jednym rzędzie */
.section .m-cta__actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
}

/* Button primary: “Zaloguj się” */
.section .m-cta__btn.btn--primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 138px;
  height: 40px;
  padding: 12px 24px;
  background: #283896;
  border-radius: 24px;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1;
  color: #FFFFFF;
}

/* Button ghost: “Nie masz jeszcze konta…” */
.section .m-cta__btn--ghost {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 12px 24px;
  border: 1px solid #283896;
  border-radius: 24px;
  font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1;
  color: #283896;
}

/* Ikony w przyciskach */
.section .m-cta__ico {
  width: 16px;
  height: 16px;
}


}



/* === OPIEKA MEDYCZNA – tablet 1024px, 3 kafelki w rzędzie === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  /* kontener sekcji */
  .m-services {
    max-width: 700px !important;
    margin: 0px auto 0 !important;
    box-sizing: border-box !important;
  }

  /* nagłówek */
  .m-services__head {
    margin-bottom: 24px !important;
  }

  /* wyłączamy ewentualny grid z modules2 – używamy tylko flexa w wierszach */
  .m-services .modules2,
  .m-services__grid {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* pojedynczy wiersz z kafelkami */
  .m-services__line {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 16px !important;              /* odstęp poziomy między kafelkami */
    margin: 0 0 16px 0 !important;      /* odstęp między rzędami */
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  .m-services__line:last-child {
    margin-bottom: 0 !important;
  }

  /* dokładnie 3 kafelki w rzędzie */
  .m-services__line .m-services__card {
    display: block !important;
    flex: 0 0 calc((100% - 2 * 16px) / 3) !important;
    max-width: calc((100% - 2 * 16px) / 3) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    border: 0 !important;              /* bez podwójnej ramki */
    background: transparent !important;
  }

  /* === STYL POJEDYNCZEGO KAFELKA (zgodnie z Figma) === */
  .m-services__item-inner {
    box-sizing: border-box !important;

    /* Auto layout */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 16px !important;
    gap: 10px !important;

    width: 100% !important;
    min-height: 182px !important;

    background: #FFFFFF !important;
    border: 1.4px solid #9F68E4 !important;
    border-radius: 24px !important;

    flex: none !important;
    order: 0 !important;
    flex-grow: 1 !important;
  }

  /* ikona */
  .m-services__icon img {
    display: block !important;
    width: 90px !important;
    height: 90px !important;
    margin: 0 0 24px 0 !important;
  }

  /* tekst + strzałka */
  .m-services__meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .m-services__name {
    flex: 1 1 auto !important;
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    color: #283896 !important;
  }

  .m-services__arrow {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
  }
}

	
/* ==========================================
   Tablet 1024px – sekcja .mod-stats
   ========================================== */
@media (max-width: 1024px) {

  .mod-stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 16px;
  }

  .mod-stats__heading {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 32px;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    color: #283896;
    text-align: center;
  }

  /* Kontener na wszystkie „pary” kart */
  .mod-stats__row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;                 /* jak w Frame 66 */
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
  }

  /* Pojedyncza para kart (np. 35 + opis) */
  .mod-stats__col {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 24px;                 /* jak w Frame 63/64/65 */
    width: 100%;
  }

  /* Środkowy wiersz – odwrócona kolejność (opis po lewej, kolor po prawej) */
  .mod-stats__col:nth-child(2) {
    flex-direction: row-reverse;
  }

  /* Karty – wspólne */
  .mod-stats__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1),
                0 1px 4px rgba(12, 12, 13, 0.05);
    border-radius: 24px;
  }

  /* Górne kolorowe karty z liczbą */
  .mod-stats__card--top {
    flex: 0 0 338px;
    max-width: 338px;
    height: 187px;
  }

  /* Dolne białe karty z opisem */
  .mod-stats__card--bottom {
    flex: 1 1 338px;
    max-width: 338px;
    height: 120px;
    min-height: 120px;
  }

  /* Kolory tła – jak w Figmie */
  .mod-stats__card--blue {
    background: #283896;
  }

  .mod-stats__card--lavender {
    background: #E7DAFA;
  }

  .mod-stats__card--magenta {
    background: #B34694;
  }

  /* Treści w kartach z liczbą */
  .mod-stats__value {
    width: 100%;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 72px;
    line-height: 110%;
    text-align: left;
    margin-bottom: 24px;
  }

  .mod-stats__subtitle {
    width: 100%;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    text-align: left;
  }

  /* Kolory tekstu w zależności od karty */
  .mod-stats__card--blue  .mod-stats__value,
  .mod-stats__card--blue  .mod-stats__subtitle,
  .mod-stats__card--magenta .mod-stats__value,
  .mod-stats__card--magenta .mod-stats__subtitle {
    color: #FFFFFF;
  }

  .mod-stats__card--lavender .mod-stats__value,
  .mod-stats__card--lavender .mod-stats__subtitle {
    color: #283896;
  }

  /* Opisy w białych kartach */
  .mod-stats__desc {
    width: 100%;
    max-width: 306px;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #283896;
    text-align: left;
  }
}

@media (max-width: 1024px) {

  .mod-stats__col {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
    width: 100%;
    /* BYŁO: align-items: stretch; */
    align-items: center;   /* dzięki temu białe karty wyśrodkują się względem kolorowych */
  }

  /* środkowy wiersz dalej odwracamy, ale też wyśrodkowany */
  .mod-stats__col:nth-child(2) {
    flex-direction: row-reverse;
    align-items: center;
  }

}


/* ==========================================
   Tablet 1024px – sekcja .mod-prices
   ========================================== */
@media (max-width: 1024px) {

  .mod-prices {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 64px;
	    box-shadow: 0px 0px 0px rgba(12,12,13,.1), 0px 0px 0px rgba(12,12,13,.05);

  }

  .mod-prices__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 24px;
    width: 700px;
    max-width: 100%;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1),
                0 1px 4px rgba(12, 12, 13, 0.05);
    border-radius: 36px;
  }

  .mod-prices__title {
    width: 100%;
    max-width: 636px;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    color: #283896;
    margin: 0;
  }

  .mod-prices__row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    max-width: 636px;
  }

  .mod-prices__link {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    width: 100%;
    max-width: 636px;
    height: 57px;
    background: #FFFFFF;
    border: 1.4px solid #9F68E4;
    border-radius: 24px;
    text-decoration: none;
  }

  .mod-prices__link-label {
    display: block;
    flex: 1 1 auto;
    margin-right: 15px;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 120%;
    color: #283896;
  }

  .mod-prices__link-ico {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
}


@media (max-width: 1024px) {

  .mod-prices__link {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    width: 100%;
    max-width: 636px;
    height: 57px;

    /* JEDYNA ramka: */
    border: 1.4px solid #9F68E4 !important;
    border-radius: 24px;

    /* wyłączamy wszystkie „drugie” ramki */
    box-shadow: none !important;
    outline: none !important;
    background: #FFFFFF;
    text-decoration: none;
  }

  .mod-prices__link:hover,
  .mod-prices__link:focus,
  .mod-prices__link:active {
    border-color: #9F68E4;   /* żeby na hover nie dorzucało nowej ramki */
    box-shadow: none;
    outline: none;
  }
}




/* === ZOSTAŃ NASZYM PACJENTEM – tablet 1024px === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  /* cały frame – sekcja */
  .mod-sc {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 64px 64px !important;
    margin: 0 auto !important;

    max-width: 1019px !important;
    width: 100% !important;
  }

  /* obrazek na górze */
  .mod-sc__img {
    width: 700px !important;
    height: 446px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 24px !important;

    margin: 0 0 36px 0 !important;   /* odstęp od tytułu */
  }

  /* kontener z tekstem i przyciskiem */
  .mod-sc__content,
  .tetowyy345 {
    box-sizing: border-box !important;
    width: 700px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;

    padding: 0 !important;
    margin: 0 !important;            /* kasujemy dziwne marginesy z motywu */
  }

  .mod-sc__top {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;

    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* tytuł */
  .mod-sc__title {
    width: 100% !important;

    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 110% !important;
    color: #283896 !important;

    margin: 0 !important;
  }

  /* opis */
  .mod-sc__text {
    width: 100% !important;

    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    color: #3D3D3D !important;

    margin: 0 !important;
  }

  /* przycisk */
  .mod-sc__btn {
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 24px !important;
    gap: 6px !important;

    width: 207px !important;
    height: 40px !important;

    background: #E7DAFA !important;
    border: 1.4px solid #8849D4 !important;
    border-radius: 24px !important;
    text-decoration: none !important;
  }

  .mod-sc__btn-label {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #283896 !important;
  }

  .mod-sc__btn-ico {
    width: 16px !important;
    height: 16px !important;
  }
}



/* === POZNAJ NASZE PROJEKTY – tablet 1024px === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  .mod-projects {
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    padding: 32px 0 !important;
    margin: 0 auto !important;
  }

  .mod-projects__inner {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;      /* nie center – wyrównujemy do lewej */
    gap: 24px !important;

    width: 700px !important;
    max-width: 700px !important;
    margin: 0 auto !important;
  }

  /* nagłówek sekcji – ten sam „kontener” co kafelki */
  .mod-projects__title {
    box-sizing: border-box !important;
    width: 100% !important;                  /* 100% z 700px */
    max-width: 700px !important;

    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 110% !important;
    color: #283896 !important;

    text-align: left !important;
    margin: 30px 0 32px 0 !important;
    padding: 0 !important;
  }

  /* kontener z projektami – 2 kolumny */
  .mod-projects__grid {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 24px !important;                    /* 2x338 + 24 = 700 */

    width: 100% !important;                  /* też 700px przez parenta */
    max-width: 700px !important;
    margin: 0 !important;
    padding: 0 0 8px 0 !important;
  }

  /* pojedynczy projekt – 2 w rzędzie, 3-ci w drugim rzędzie */
  .mod-projects__item {
    position: relative !important;
    display: block !important;

    flex: 0 0 calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
    height: 338px !important;

    border-radius: 24px !important;
    overflow: hidden !important;
    text-decoration: none !important;

    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05) !important;
  }

  .mod-projects__img {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 24px !important;
  }

  .mod-projects__caption {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    box-sizing: border-box !important;
    padding: 16px !important;
    width: 100% !important;
    min-height: 148px !important;

    border-radius: 24px !important;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05) !important;
  }

  .mod-projects__caption-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mod-projects__caption-text {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    line-height: 140% !important;
    text-align: left !important;
    margin: 0 !important;
  }
}



@media (max-width: 1024px) {

  /* Wycentrowany moduł z kartą 700px */
  .locmod-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
  }

  .locmod {
    display: grid;
    grid-template-columns: 308px 308px;  /* 2 kolumny po 308px */
    column-gap: 20px;
    row-gap: 36px;
    max-width: 700px;
    width: 100%;
    padding: 24px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1),
                0 1px 4px rgba(12, 12, 13, 0.05);
    border-radius: 36px;

    justify-content: center;  /* cała zawartość 636px wyśrodkowana w karcie */
  }

  /* Głowa na 636px – wycentrowana */
  .locmod__head {
    grid-column: 1 / 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 636px;
    max-width: 636px;
    margin: 0 auto;
  }

  .locmod__intro {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 140%;
    color: #283896;
    margin: 0;
  }

  .locmod__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 24px;
    height: 40px;
    background: #283896;
    border-radius: 24px;
    text-decoration: none;
  }

  .locmod__cta span {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #FFFFFF;
  }

  /* --- PANELE: mapa + detale jako elementy grida --- */

  .locmod__panels {
    display: contents;
  }

  .locmod__panel[hidden] {
    display: none !important;
  }

  .locmod__panel.is-active {
    display: contents;
  }

  .locmod__panel-inner {
    display: contents;
  }

  /* Mapa – kolumna 1, wysokość jak w Figmie */
  .locmod__map {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    width: 308px;
    height: 224px;
    align-self: flex-start;
  }

  .locmod__map-embed iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 16px;
  }

  /* Segment z adresami – kolumna 2, ta sama wysokość / szerokość */
  .locmod__seg {
    grid-column: 2 / 3;
    grid-row: 2 / 3;

    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 8px;
    gap: 16px;
    width: 308px;
    height: 224px;

    border: 0px solid #E7DAFA;
    border-radius: 0px !important;
    margin-top: -10px
  }

  .locmod__seg-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 24px !important;
  }

  .locmod__tab {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    width: 100%;
    border-radius: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
  }

  .locmod__tab.is-active {
    background: #E7DAFA;
    border: 1.4px solid #9F68E4;
  }

  .locmod__tab-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
  }

  .locmod__tab-pin-ico {
    width: 16px;
    height: 16px;
  }

  .locmod__tab-text {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #283896;
    text-align: left;
    white-space: normal;
  }

  /* Detale – dół na 636px w 2 kolumnach */
  .locmod__details {
    grid-column: 1 / 3;
    grid-row: 3 / 4;

    width: 636px;
    max-width: 636px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 36px;
    row-gap: 12px;
    align-items: flex-start;
  }

  /* Tytuł placówki – ukryty w tym breakpoincie */
  .locmod__title {
    display: none;
  }

  /* 1. blok (Dane kontaktowe) do prawej kolumny */
  .locmod__details .locmod__block:nth-of-type(1) {
    grid-column: 2;
  }

  /* 2. blok (Godziny otwarcia) do lewej kolumny */
  .locmod__details .locmod__block:nth-of-type(2) {
    grid-column: 1;
    margin-top:-80px
  }

  /* Kolejne bloki + notatka – pod spodem, na całą szerokość */
  .locmod__details .locmod__block:nth-of-type(n+3),
  .locmod__note {
    grid-column: 1 / 3;
  }

  .locmod__block-title {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 120%;
    color: #283896;
    margin-bottom: 4px;
  }

  .locmod__text,
  .locmod__link {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #283896;
    text-decoration: none;
  }

  .locmod__row {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .locmod__ico,
  .locmod__ico-phone,
  .locmod__ico-mail {
    width: 16px;
    height: 16px;
  }

  .locmod__note {
    margin-top: 8px;
    font-size: 12px;
    line-height: 140%;
  }
}





/* TABLET 1024px – podstrona /projekty/ */
@media (max-width: 1024px) {

  /* Cała sekcja */
  .mod-projects-przeglad {
    padding: 24px 16px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  /* Segmented control (przełącznik projektów) */
  .mod-prj__segmented {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8px;
    gap: 16px;

    width: 100%;
    max-width: 700px;
    height: 55px;

    border: 1px solid #E7DAFA;
    border-radius: 40px;
    position: relative;
  }

  .mod-prj__seg-btn {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    gap: 12px;

    border-radius: 24px;
    border: none;
    background: transparent;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
      sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #283896;
    cursor: pointer;
    z-index: 2; /* ponad slider */
  }

  .mod-prj__seg-btn.is-active {
    background: #E7DAFA;
    border: 1.4px solid #9F68E4;
  }

  .mod-prj__seg-slider {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;

    width: calc(50% - 8px); /* 2 zakładki */
    border-radius: 24px;
    background: #E7DAFA;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
    transition: transform 0.25s ease;
  }

  /* Grid kart projektów – jak w Figma: 2 kolumny, 700px szerokości */
  .mod-prj__panels {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .mod-prj__panel {
    width: 100%;
  }

  .mod-prj__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }

  /* Karta projektu */
  .mod-prj-card,
  .mod-prj-card[role="img"] {
    position: relative;
    width: 100%;
    min-height: 338px; /* jak w Figma */
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
    display: block;
  }

  .mod-prj-card__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    border-radius: 24px;
  }

  /* Overlay – „kolorowy box” na dole zdjęcia */
  .mod-prj-card__overlay {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;

    padding: 16px;
    border-radius: 24px;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
  }

  .mod-prj-card__overlay-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .mod-prj-card__title {
    display: block;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
      sans-serif;
    font-weight: 500;
    font-size: 21px;     /* Desktop/H3 140% z Figma */
    line-height: 140%;   /* ok. 29px */
  }

  /* Teksty w hoverze – na tablet niech będą od razu widoczne pod tytułem
     albo zostaw tak jak masz w desktopie; tu tylko delikatne dopasowanie */
  .mod-prj-card__hover-desc {
    font-size: 14px;
    line-height: 150%;
  }

  .mod-prj-card__hover-button {
    margin-top: 8px;
  }

}


@media (max-width: 1024px) {

  /* Wrapper przełącznika */
  .mod-prj__segmented {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8px;
    gap: 16px;

    width: 100%;
    max-width: 700px;
    height: 55px;
    margin: 0 auto;

    border: 1px solid #E7DAFA;
    border-radius: 40px;
    position: relative;
    background: #FFFFFF;
  }

  /* Same przyciski – bez borderów i bez tła,
     tylko tekst, a „pigułkę” robi slider pod spodem */
  .mod-prj__seg-btn {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    gap: 12px;

    border-radius: 24px;
    border: none;
    background: transparent;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #283896;
    cursor: pointer;
    z-index: 2;
  }

  /* Aktywny – tylko grubsza czcionka (tło zostaje przez slidera) */
  .mod-prj__seg-btn.is-active {
    background: transparent;
    border: none;
    font-weight: 600;
  }

  /* Slider – to on jest „pigułką” */
  .mod-prj__seg-slider {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;

    width: calc(50% - 8px); /* 2 zakładki */
    border-radius: 24px;
    background: #E7DAFA;
    border: 1.4px solid #9F68E4;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
    transition: transform 0.25s ease;
  }

}


/* TABLET 1024px – kafelki /projekty/ */
@media (max-width: 1024px) {

  .mod-prj__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 24px;
    max-width: 700px;
    margin: 0 auto 24px;
  }

  .mod-prj-card,
  .mod-prj-card[role="img"] {
    position: relative;
    width: 100%;
    max-width: 338px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
    display: block;
  }

  .mod-prj-card__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    border-radius: 24px;
  }

  /* Kolorowy box na dole zdjęcia – BEZ paddingu */
  .mod-prj-card__overlay {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;

    padding: 0;              /* <<< było 16px */
    border-radius: 24px;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
  }

  .mod-prj-card__overlay-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;                  /* na wszelki wypadek bez odstępów pionowych */
  }

  .mod-prj-card__title {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 140%;
    max-height: 4.2em;
    overflow: hidden;
    margin: 0;               /* bez dodatkowych marginesów */
  }

  .mod-prj-card__hover {
    display: none;
  }
}


@media (max-width: 1024px) {

  /* ZERO paddingów w opisach na kafelkach */
  .mod-prj-card__overlay,
  .mod-prj-card__overlay-inner,
  .mod-prj-card__title {
    padding: 0 !important;
    margin: 0 !important;
  }

  .mod-prj-card__overlay {
    left: 16px;
    right: 16px;
    bottom: 16px;
    border-radius: 24px;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
  }

  .mod-prj-card__overlay-inner {
    display: block;
  }

  .mod-prj-card__title {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 140%;
    max-height: none;
    overflow: visible;
  }

  /* opisy z hovera dalej ukryte */
  .mod-prj-card__hover {
    display: none !important;
  }
}


/* === PROJEKTY – tablet 1024px (jak moduł z głównej) === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  /* cała sekcja /projekty/ */
  .mod-projects-przeglad {
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    padding: 32px 0 !important;
    margin: 0 auto !important;
  }

  .mod-projects-przeglad .mod-prj__panels {
    width: 700px !important;
    max-width: 700px !important;
    margin: 0 auto !important;
  }

  /* GRID – dokładnie jak na głównej, 2 kolumny */
  .mod-prj__grid {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 24px !important;                     /* 2x338 + 24 = 700 */

    width: 100% !important;
    max-width: 700px !important;
    margin: 0 !important;
    padding: 0 0 8px 0 !important;
  }

  /* pojedyncza karta */
  .mod-prj-card,
  .mod-prj-card[role="img"] {
    position: relative !important;
    display: block !important;

    flex: 0 0 calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
    height: 338px !important;

    border-radius: 24px !important;
    overflow: hidden !important;
    text-decoration: none !important;

    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05) !important;
  }

  .mod-prj-card__bg {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 24px !important;
  }

  /* kolorowa belka z opisem – identycznie jak .mod-projects__caption */
  .mod-prj-card__overlay {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    box-sizing: border-box !important;
    padding: 16px !important;                /* padding jak na głównej */
    width: 100% !important;
    min-height: 148px !important;

    border-radius: 24px !important;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05) !important;
  }

  .mod-prj-card__overlay-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mod-prj-card__title {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 21px !important;
    line-height: 140% !important;
    text-align: left !important;
    margin: 0 !important;
  }

  /* opis na hover – wyłączamy na tablecie */
  .mod-prj-card__hover {
    display: none !important;
  }
}


@media (max-width: 1024px) {
.m-prj-wpis__card{
  margin-bottom: 40px;
  width:100%;max-width:700px;background:#fff;border-radius:40px;box-shadow:0 1px 4px rgba(12,12,13,.1),0 1px 4px rgba(12,12,13,.05);padding:24px}
}



/* === MODUŁ POD KAFELKAMI – tablet 1024px === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  .mod-projects-dol {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;

    width: 100%;
    max-width: 1026px;           /* jak w Figma */
    padding: 32px 64px 64px;
    margin: 0 auto;
  }

  /* tekst */
  .mod-projects-dol .mod-prd__text {
    width: 100%;
    max-width: 898px;
  }

  .mod-projects-dol .mod-prd__text p {
    margin: 0;
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 140%;
    color: #283896;
  }

  /* kontener z przyciskami */
  .mod-projects-dol .mod-prd__buttons {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;

    width: 100%;
    max-width: 480px;
  }

  /* podstawowy przycisk */
  .mod-projects-dol .mod-prd__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 12px 24px;
    border-radius: 24px;
    text-decoration: none;
    cursor: pointer;
  }

  .mod-projects-dol .mod-prd__btn--primary {
    background: #283896;
    border: none;
    gap: 6px;
  }

  .mod-projects-dol .mod-prd__btn--tertiary {
    box-sizing: border-box;
    background: transparent;
    border: 1px solid #283896;
    gap: 10px;
  }

  .mod-projects-dol .mod-prd__btn-label {
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #ffffff;
  }

  .mod-projects-dol .mod-prd__btn--tertiary .mod-prd__btn-label {
    color: #283896;
  }

  .mod-projects-dol .mod-prd__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
  }
}




/* === PLACÓWKI – tablet 1024px === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  /* Główny wrapper sekcji z placówkami */
  .placowki-st {
    box-sizing: border-box;
    width: 896px;
    max-width: 896px;
    margin: 0 auto;
    padding: 32px 0 64px;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  /* Pojedyncza lokalizacja (Bema / Bajkowe) */
  .placowki-st__location {
    box-sizing: border-box;
    width: 896px;
    max-width: 896px;
    margin: 0 auto;
  }

  /* HEAD: tytuł, adres, linia */
  .placowki-st__location-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    gap: 12px;
    width: 100%;
  }

  .placowki-st__location-head h3 {
    width: 100%;
    margin: 0;

    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 140%;
    text-align: center;
    color: #283896;
  }

  .placowki-st__location-head .addr {
    width: 100%;
    margin: 0;

    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #8849D4;
  }

  .placowki-st__location-head hr {
    width: 100%;
    max-width: 896px;
    border: 0;
    border-top: 1.4px solid #E7DAFA;
    margin: 6px 0 0;
  }

  /* GRID z pigułkami – 2 kolumny */
  .placowki-st__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    width: 896px;
    max-width: 896px;
  }

  /* Pigułka przychodni */
  .placowki-st__grid .clinic-pill {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    gap: 15px;

    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
    min-height: 52px;

    background: #FFFFFF;
    border: 1px solid #9F68E4;
    border-radius: 24px;
    cursor: pointer;
  }

  /* wariant NFZ / prywatny – jeśli chcesz delikatny highlight */
  .placowki-st__grid .clinic-pill[data-type="private"] {
    background: #F9F6FE;
  }

  .placowki-st__grid .clinic-pill span {
    flex: 1;
    font-family: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    color: #283896;
    text-align: left;
  }

  .placowki-st__grid .clinic-pill .ico {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
  }
}



/* === POPUP PORADNI – przewijanie w oknie === */
@media (min-width: 1024px) and (max-width: 1199.98px) {

  .clinic-modal__dialog {
    /* szerokość i pozycja jak w Figma */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 700px;
    max-width: calc(100% - 32px);

    /* najważniejsze: ograniczenie wysokości + scroll */
    max-height: calc(100vh - 80px);
    overflow-y: auto;

    padding: 24px;
    background: #ffffff;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05);
    border-radius: 36px;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 9999;
  }

  /* zawartość po prostu wypełnia okno */
  .clinic-modal__content {
    width: 100%;
  }
}


/* TABLET 1024px – sekcja kontakt */
@media (max-width: 1024px) {

  /* BIAŁA KARTA 700px – jak w Figma (Frame 69) */
  .cform {
    width: 700px !important;
    max-width: 100% !important;
    margin: 0 auto 80px !important;
    padding: 26px 28px !important;
    background: #FFFFFF !important;
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
                0px 1px 4px rgba(12, 12, 13, 0.05) !important;
    border-radius: 36px !important;
  }

  .cform__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 36px !important;
  }

  /* chowamy grafikę */
  .cform__media {
    display: none !important;
  }

  .cform__col--left,
  .cform__col--right {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* NAGŁÓWEK */
  .cform__intro p {
    width: 644px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
    font-size: 21px !important;
    line-height: 1.4 !important;
    color: #283896 !important;
  }

  /* WEWNĘTRZNA RAMKA Z BORDEREM – 644px (Frame 1019) */
  .cform__form {
    box-sizing: border-box !important;
    width: 644px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    background: #FFFFFF !important;
    border: 1px solid #E7DAFA !important;
    border-radius: 24px !important;
    padding: 36px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
  }

  /* RZĘDY (dwie kolumny) + zgoda + przycisk – 572px */
  .cform__row,
  .cform__consent,
  .cform__submit {
    width: 572px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .cform__row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }

  /* POLE W RZĘDZIE – dokładnie 274px (2x274 + 24px = 572px) */
  .cform__field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: calc((572px - 24px) / 2) !important;   /* 274px */
    flex: 0 0 calc((572px - 24px) / 2) !important;
  }

  /* POLE Z TEXTAREĄ – pełna szerokość 572px */
  .cform__field.cform__field--textarea {
    width: 572px !important;
    flex: 0 0 0px !important;
    margin: 0 auto !important;
  }

  /* LABELKI */
  .cform__label {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #283896 !important;
  }

  /* INPUTY / SELECTY / TEXTAREA – pigułki 42px */
  .cform__input,
  .cform__select,
  .cform__textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 42px !important;
    border: 1px solid #9F68E4 !important;
    border-radius: 24px !important;
    padding: 10px 12px !important;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(40, 56, 150, 0.75) !important;
    background: #FFFFFF !important;
  }

  .cform__textarea {
    min-height: 80px !important;
    height: auto !important;
    border-radius: 16px !important;
    resize: vertical !important;
  }

  /* SELECT + STRZAŁKA */
  .cform__select-wrap {
    position: relative !important;
    width: 100% !important;
  }

  .cform__select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    padding-right: 32px !important;
  }

  

  /* TELEFON – +48 + numer */
  .cform__phone {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .cform__dial-select .cform__select {
    width: 77px !important;
    max-width: 77px !important;
    height: 42px !important;
    border-radius: 36px !important;
    text-align: center !important;
  }

  .cform__input--phone {
    height: 42px !important;
    border-radius: 36px !important;
  }

  /* ZGODA */
  .cform__consent {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .cform__checkbox {
    width: 24px !important;
    height: 24px !important;
    border-radius: 40px !important;
    border: 1px solid #9F68E4 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .cform__consent-text p {
    margin: 0 !important;
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(40, 56, 150, 0.75) !important;
  }

  /* PRZYCISK */
  .cform__submit {
    margin-top: 16px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 24px !important;
    background: #283896 !important;
    border-radius: 24px !important;
    border: none !important;
    cursor: pointer !important;
  }

  .cform__submit span {
    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    color: #FFFFFF !important;
  }
}