@media (max-width: 390px) {

  /* TŁO + OGÓLNY WRAP */
  .site-footer,
  .footer-wrap {
    background: #E7DAFA !important;
  }

  .footer-wrap {
    width: 100% !important;
  }

  .footer {
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 auto !important;
    padding: 24px 4% !important;           /* ~16px boki */
    box-sizing: border-box !important;

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

  /* GÓRNA CZĘŚĆ STOPKI */
  .footer__top {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
  }

  /* BLOK Z MENU (Dla Pacjenta + Oferta + O Nas) */
  .footer__main {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
  }

  /* LEWA KOLUMNA: Dla Pacjenta + Oferta – jedna pod drugą */
  .footer__cols-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
    flex: 1 1 0 !important;
  }

  .footer__col {
    width: 100% !important;
  }

  /* PRAWA KOLUMNA: O Nas */
  .footer__row--onas {
    flex: 1 1 0 !important;
    display: flex !important;
  }

  .footer__onas {
    width: 100% !important;
  }

  /* TYPOGRAFIA NAGŁÓWKÓW KOLUMN */
  .footer__title {
    margin: 0 0 12px !important;
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }

  /* LISTY LINKÓW */
  .footer__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .footer__item {
    margin: 0 !important;
  }

  .footer-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    text-decoration: none !important;
  }

  .footer-link__label {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #283896 !important;
  }

  /* WERSJA MOBILNA – BEZ STRZAŁEK W MENU */
  .footer-link__icon {
    display: none !important;
  }

  /* CTA: „Nie masz jeszcze konta...” */
  .footer__cta {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .footer__cta-title {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }

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

    padding: 12px 24px !important;
    box-sizing: border-box !important;

    background: #283896 !important;
    border-radius: 24px !important;
    text-decoration: none !important;
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #FFFFFF !important;
  }

  .footer__cta-btn img {
    width: 16px !important;
    height: 16px !important;
  }

  /* SOCIAL */
  .footer__social-title {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }

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

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

  .footer__social-ico img {
    width: 30px !important;
    height: 30px !important;
  }

  .footer__social-text {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #283896 !important;
  }

  /* LINIA POD STOPKĄ */
  .footer__divider {
    width: 100% !important;
    height: 0 !important;
    border-top: 2px solid #283896 !important;
    margin-top: 12px !important;
  }

  /* DÓŁ STOPKI: LOGO + COPYRIGHT */
  .footer__bottom {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .footer__brand img {
    height: 40px !important;
    width: auto !important;
  }

  .footer__copy {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important;
    color: #283896 !important;
  }
}


@media (max-width: 390px) {

  /* ===== LISTA KART PROJEKTÓW – WERSJA MOBILNA ===== */

  /* Kontenery */
  .mod-prj__panels {
    width: 100% !important;
  }

  .mod-prj__panel {
    width: 100% !important;
  }

  .mod-prj__grid {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;

    /* 16px marginesu z lewej/prawej jak w Figmie */
    width: calc(100% - 32px) !important;
    margin: 0 16px 24px !important;
    padding: 0 !important;
  }

  /* Jedna karta = jedno „zdjęcie + kolorowy dymek” */
  .mod-prj-card {
    position: relative !important;
    width: 100% !important;
    min-height: 357px !important;  /* wysokość z Figmy */
    border-radius: 24px !important;
    overflow: hidden !important;

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

    /* brak slidowania, tylko blok */
    flex: 0 0 auto !important;
  }

  /* Tło – zdjęcie */
  .mod-prj-card__bg {
    position: absolute !important;
    inset: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 24px !important;
  }

  /* Kolorowy panel z opisem – przyklejony do dołu */
  .mod-prj-card__overlay {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    /* wysokość ~107px w Figmie */
    min-height: 107px !important;
    padding: 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

  .mod-prj-card__overlay-inner {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .mod-prj-card__title {
    width: 100% !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140% !important; /* 25px */
    margin: 0 !important;
  }

  /* Kolory dymków – tylko tła, tekst zostaje z powyższej klasy */
  .mod-prj-card__overlay--blue {
    background: #283896 !important;
    color: #FFFFFF !important;
  }

  .mod-prj-card__overlay--lilac {
    background: #E7DAFA !important;
    color: #283896 !important;
  }

  .mod-prj-card__overlay--magenta {
    background: #B34694 !important;
    color: #FFFFFF !important;
  }

  .mod-prj-card__overlay--white {
    background: #FFFFFF !important;
    color: #283896 !important;
  }

  /* Tekst w dymku */
  .mod-prj-card__title,
  .mod-prj-card__hover-desc {
    font-family: 'Satoshi', sans-serif !important;
  }

  /* Na mobile nie potrzebujemy „hover” z dodatkowym opisem –
     wtedy karta ma dokładnie wysokości z Figmy */
  .mod-prj-card__hover {
    display: none !important;
  }

  /* ===== Strzałki / slider – wyłączamy na mobile ===== */
  .mod-prj__nav,
  .mod-prj__nav-btn,
  .mod-prj__arrows,
  .mod-prj__pagination {
    display: none !important;
  }
}



@media (max-width: 390px) {

  /* Sekcja z listą projektów – padding taki sam jak wyżej */
  section.mod-projects-przeglad {
    padding: 24px 16px 40px !important;
    box-sizing: border-box !important;
  }

  /* GRID – ma być tak szeroki jak menu u góry (100% wnętrza sekcji) */
  .mod-prj__grid {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;

    width: 100% !important;     /* już bez calc(...) */
    margin: 0 0 24px 0 !important;  /* bez bocznych marginesów */
    padding: 0 !important;
    max-width: none !important;    /* wyłącz 700px z większego media */
  }

  /* Kafle zostają takie jak wcześniej – tylko przypominam */
  .mod-prj-card {
    position: relative !important;
    width: 100% !important;
    min-height: 357px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow:
      0 1px 4px rgba(12, 12, 13, 0.1),
      0 1px 4px rgba(12, 12, 13, 0.05) !important;
    background: transparent !important;
    flex: 0 0 auto !important;
  }
}


@media (max-width: 390px) {

  /* GRID – już wąski jak menu */
  .mod-prj__grid {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }

  /* KAFELKI – nadpisujemy max-width z większego breakpointu */
  .mod-prj-card,
  .mod-prj-card[role="img"] {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;   /* <-- kluczowe */
    aspect-ratio: auto !important; /* jeśli chcesz pełną wysokość jak w Figmie */
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow:
      0 1px 4px rgba(12, 12, 13, 0.1),
      0 1px 4px rgba(12, 12, 13, 0.05) !important;
    background: transparent !important;
  }
}


@media (max-width: 480px) {

  .m-banner {
    /* Auto layout z Figmy przerobiony na prosty kontener */
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding: 24px 8px 0;   /* 24px góra, 8px boki, 0 dół – jak w Figma */
    gap: 10px;

    /* szerokość jak w projekcie (telefon 390px) */
    max-width: 390px;
    margin: -10px auto 0;  /* ten minus to to samo co margin: -71px 0px w Figma */

    box-sizing: border-box;
  }

  .m-banner__img {
    display: block;
    width: 100%;           /* 374px wewnątrz 390px z paddingiem 8+8 */
    max-width: 374px;      /* dokładnie jak Frame 37 */
    height: 189px;         /* wysokość z Figmy */
    border-radius: 24px;   /* zaokrąglenie jak w Frame 37 */
    object-fit: cover;     /* przycięcie jak tło w Figmie */
  }
}



/* HERO karty – mobile 390px */

@media (max-width: 390px) {

  /* SEKCJA Z HERO KARTAMI */
  .mojeee1 {
    padding: 24px 0 !important;
    margin-top: -80px !important;
  }

  /* KONTENER KAFELKÓW – wszystko w jednej kolumnie,
     równe odstępy od krawędzi ekranu (tak jak inne moduły) */
  .mojeee1 .m-hero-cards {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;

    padding: 24px 4% !important;     /* ~16px boków przy 390px */
    gap: 24px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* WSPÓLNE DLA WSZYSTKICH KAFELKÓW (1, 2, 3) */
  .mojeee1 .mhc__big.card,
  .mojeee1 .mhc__small.card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;          /* KAŻDY kafel na pełną szerokość kontenera */
    margin: 0 !important;
    padding: 6% !important;          /* wewnętrzny odstęp w % */

    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: 24px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    gap: 16px !important;
  }

  /* DUŻY KAFEL – HERO */
  .mojeee1 .mhc__title {
    margin: 0 !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .mojeee1 .mhc__title b {
    font-weight: 700 !important;
  }

  .mojeee1 .mhc__subtitle {
    margin: 12px 0 0 0 !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    color: rgba(40, 56, 150, 0.75) !important;
  }

  .mojeee1 .mhc__btn {
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;

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

    padding: 12px 6% !important;
    background: #E7DAFA !important;
    border: 1.4px solid #8849D4 !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;

    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #283896 !important;
  }

  .mojeee1 .mhc__btn img {
    width: 16px !important;
    height: 16px !important;
  }

  /* MAŁE KAFLE – PORTAL / OFERTA */

  .mojeee1 .mhc__small-media {
    position: relative !important;
    width: 100% !important;
  }

  .mojeee1 .mhc__small-media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 18px !important;
    object-fit: cover !important;
  }

  .mojeee1 .mhc__bars,
  .mojeee1 .mhc__badge {
    pointer-events: none !important;
  }

  .mojeee1 .mhc__link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .mojeee1 .mhc__link span {
    flex: 1 1 auto !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #283896 !important;
  }

  .mojeee1 .mhc__link img {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 auto !important;
  }
}

@media (max-width: 390px) {

  /* SEKCJA Z HERO KARTAMI */
  .section.mojeee1 {
    padding: 24px 0 !important;
    margin-top: -80px !important;
  }

  /* KONTENER KAFELKÓW */
  .section.mojeee1 .m-hero-cards {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;

    padding: 24px 4% !important;         /* ~16px boków przy 390px */
    gap: 24px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* WSPÓLNE DLA WSZYSTKICH 3 KAFELKÓW */
  .section.mojeee1 .m-hero-cards .card {
    flex: 0 0 100% !important;            /* nadpisuje calc(50% - 6px) */
    width: 100% !important;
    max-width: 100% !important;

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

    margin: 0 !important;
    padding: 6% !important;               /* wewnętrzny padding w % */
    gap: 16px !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: 24px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
  }

  /* DUŻY KAFEL – TYTUŁ I TEKST */
  .section.mojeee1 .mhc__title {
    margin: 0 !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .section.mojeee1 .mhc__title b {
    font-weight: 700 !important;
  }

  .section.mojeee1 .mhc__subtitle {
    margin: 12px 0 0 0 !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    color: rgba(40, 56, 150, 0.75) !important;
  }

  .section.mojeee1 .mhc__btn {
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;

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

    padding: 12px 6% !important;
    background: #E7DAFA !important;
    border: 1.4px solid #8849D4 !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;

    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #283896 !important;
  }

  .section.mojeee1 .mhc__btn img {
    width: 16px !important;
    height: 16px !important;
  }

  /* MAŁE KAFLE – MEDIA */
  .section.mojeee1 .mhc__small-media {
    position: relative !important;
    width: 100% !important;
  }

  .section.mojeee1 .mhc__small-media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 18px !important;
    object-fit: cover !important;
  }

  .section.mojeee1 .mhc__bars,
  .section.mojeee1 .mhc__badge {
    pointer-events: none !important;
  }

  /* DOLNY WIERSZ Z TEKSTEM + STRZAŁKĄ */
  .section.mojeee1 .mhc__link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .section.mojeee1 .mhc__link span {
    flex: 1 1 auto !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #283896 !important;
  }

  .section.mojeee1 .mhc__link img {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 auto !important;
  }
}







@media (max-width: 480px) {

  /* SEKCJA CTA – GŁÓWNY KONTENER */
  .section .container.m-cta {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    /* bokami w % żeby było równo z innymi kartami */
    padding: 24px 4% !important;      /* 4% ≈ 15–16px na 390px */
    gap: 36px !important;

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

    /* odstęp od modułu wyżej – w razie czego zmienisz tylko tę wartość */
    margin: 8% auto 0 !important;     /* ok. 31px przy 390px */

    box-sizing: border-box !important;
  }

  /* MEDIA (OBRAZEK U GÓRY) */
  .m-cta__media {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;

    border-radius: 24px !important;
    overflow: hidden !important;      /* żeby zaokrąglenie działało */
  }

  .m-cta__media img {
    display: block !important;
    width: 100% !important;           /* wyrównanie do kart wyżej */
    height: auto !important;          /* proporcjonalnie – bez sztywnej wysokości */
    object-fit: cover !important;
    border-radius: 24px !important;
  }

  /* CONTENT POD OBRAZKIEM */
  .m-cta__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6% !important;               /* ~24px przy 390px */

    width: 100% !important;
  }

  .m-cta__title {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .m-cta__text {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important;
    letter-spacing: 0.01em !important;
    color: #3d3d3d !important;
  }

  /* PRZYCISKI */
  .m-cta__actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6% !important;               /* odstęp między przyciskami w % */

    width: 100% !important;
  }

  .m-cta__btn {
    width: 100% !important;           /* pełna szerokość wewnątrz sekcji */
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.5% !important;

    padding: 12px 6% !important;      /* padding poziomy w % */
    border-radius: 24px !important;
    box-sizing: border-box !important;

    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 110% !important;
    margin-top: 20px;
  }

  .m-cta__btn .m-cta__ico {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
  }

  .m-cta__btn--ghost {
    box-sizing: border-box !important;
  }
}



@media (max-width: 390px) {

  /* CAŁA SEKCJA */
  section.mod-sc {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 24px 4% !important;        /* ~16px boków przy 390px */
    gap: 36px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  /* OBRAZEK U GÓRY (Frame 47) */
  .mod-sc__img {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 24px !important;
    overflow: hidden !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* proporcje ok. 228/358 ≈ 0.64 */
    padding-top: 64% !important;        /* wysokość w % szerokości */
  }

  /* BLOK Z TEKSTEM I PRZYCISKIEM (sekcja "O nas") */
  .mod-sc__content,
  .mod-sc__content.tetowyy345 {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    padding: 24px 0 !important;
    gap: 24px !important;
    box-sizing: border-box !important;
  }

  .mod-sc__top {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* TYTUŁ */
  .mod-sc__title {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .mod-sc__title b {
    font-weight: 700 !important;
  }

  /* TEKST */
  .mod-sc__text {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important;
    letter-spacing: 0.01em !important;
    color: #3D3D3D !important;
  }

  /* PRZYCISK "Wzory dokumentów" (Button Secondary) */
  .mod-sc__btn {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

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

    padding: 12px 6% !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, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #283896 !important;
    white-space: nowrap !important;
  }

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



@media (max-width: 390px) {

  /* CAŁA SEKCJA */
  section.mod-sc {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 24px 4% !important;        /* ~16px boków przy 390px */
    gap: 36px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  /* OBRAZEK U GÓRY (Frame 47) */
  .mod-sc__img {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 24px !important;
    overflow: hidden !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* proporcje ok. 228/358 ≈ 0.64 */
    padding-top: 64% !important;        /* wysokość w % szerokości */
  }

  /* BLOK Z TEKSTEM I PRZYCISKIEM (sekcja "O nas") */
  .mod-sc__content,
  .mod-sc__content.tetowyy345 {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    padding: 24px 0 !important;
    gap: 24px !important;
    box-sizing: border-box !important;
  }

  .mod-sc__top {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* TYTUŁ */
  .mod-sc__title {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .mod-sc__title b {
    font-weight: 700 !important;
  }

  /* TEKST */
  .mod-sc__text {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important;
    letter-spacing: 0.01em !important;
    color: #3D3D3D !important;
  }

  /* PRZYCISK "Wzory dokumentów" (Button Secondary) */
  .mod-sc__btn {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

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

    padding: 12px 6% !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, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #283896 !important;
    white-space: nowrap !important;
  }

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



@media (max-width: 390px) {

  /* GŁÓWNY BLOK CENNIKÓW */
.mod-prices {
padding: 0 24px;
  
}

  
  .mod-prices__inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

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

    padding: 24px 4% !important;      /* ~16px boków przy 390px */
    gap: 10px !important;
    
    box-sizing: border-box !important;
  }

  /* TITLE */
  .mod-prices__title {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", sans-serif !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .mod-prices__title b {
    font-weight: 700 !important;
  }

  /* LISTA LINKÓW */
  .mod-prices__row {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;             /* jak w Figma */
  }

  /* POJEDYNCZY LINK – BIAŁY BOX */
  .mod-prices__link {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;

    width: 100% !important;

    padding: 16px !important;         /* jak Figma: 16px */
    box-sizing: border-box !important;

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

    text-decoration: none !important;
  }

  /* LABEL (np. Cennik Medycyny Pracy) */
  .mod-prices__link-label {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  /* IKONKA STRZAŁKI */
  .mod-prices__link-ico {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 auto !important;
  }

  /* Figma vector border style (opcjonalne) */
  .mod-prices__link-ico {
    border: none !important;
  }
}



@media (max-width: 390px) {

  /* CAŁA SEKCJA PROJEKTÓW */
  section.mod-projects {
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 4% !important;          /* ~16px boków przy 390px */
    box-sizing: border-box !important;
  }

  .mod-projects__inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 24px !important;
    width: 100% !important;
  }

  /* TYTUŁ "Poznaj nasze Projekty" */
  .mod-projects__title {
    width: 100% !important;
    margin: 0 !important;

    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .mod-projects__title b {
    font-weight: 700 !important;
  }

  /* LISTA KAFELKÓW (1 kolumna) */
  .mod-projects__grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
  }

  /* POJEDYNCZY PROJEKT – KARTA */
  .mod-projects__item {
    position: relative !important;
    display: block !important;

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

    border-radius: 24px !important;
    overflow: hidden !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;

    text-decoration: none !important;
  }

  /* ZDJĘCIE W TLE – KWADRAT jak 357x357 w Figmie */
  .mod-projects__img {
    display: block !important;
    width: 100% !important;
    padding-top: 100% !important;          /* 1:1 – kwadrat */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* PANEL Z TEKSTEM NA DOLE ZDJĘCIA */
  .mod-projects__caption {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    padding: 16px !important;
    box-sizing: border-box !important;

    border-radius: 24px !important;        /* jak w Figmie */
    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;
  }

  .mod-projects__caption-text {
    width: 100% !important;

    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140% !important;          /* jak Mobile/H/3/140% */
  }

  /* DODATKOWY OPIS + "Czytaj więcej" (hover box z Figmy) */
  .mod-projects__hover {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  .mod-projects__hover-desc {
    flex: 1 1 auto !important;
    font-family: "Satoshi", sans-serif !important;
    font-size: 14px !important;
    line-height: 140% !important;
  }

  .mod-projects__hover-button {
    flex: 0 0 auto !important;
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    white-space: nowrap !important;
  }
}



@media (max-width: 390px) {

  /* DUŻA RAMKA – Frame 59 z Figmy */
  section.m-services {
    /* margines 16px z boków, 24px góra/dół */
    width: calc(100% - 32px) !important;
    max-width: 390px !important;
    margin: 24px 16px !important;

    /* 24px wewnątrz ramki */
    padding: 24px !important;
    box-sizing: border-box !important;

    background: #FFFFFF !important;
    box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1),
                0 1px 4px rgba(12, 12, 13, 0.05) !important;
    border-radius: 36px !important;

    display: block !important;
    height: auto !important;
  }

  /* Głowa sekcji */
  .m-services__head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;
  }

  .m-services__title {
    margin: 0 0 4px 0 !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .m-services__title b {
    font-weight: 700 !important;
  }

  .m-services__intro {
    margin: 0 !important;
    width: 100% !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important;
    letter-spacing: 0.01em !important;
    color: rgba(40, 56, 150, 0.75) !important;
  }

  /* GRID -> FLEX KOLUMNA, BEZ GRIDA / WYSOKOŚCI */
  .m-services__grid,
  .m-services__line,
  .m-services__line1,
  .m-services__line2 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  /* Na wszelki wypadek – drugi rząd MUSI być */
  .m-services__line2 {
    display: flex !important;
  }

  /* <a> – tylko wrapper, bez obramowania / tła */
  .m-services__card,
  .m-services__card.mojehoverrrr {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0px !important;
    margin-bottom: -70px  !important;
  }

  /* OFFER TAB – kafelek */
  .m-services__item-inner,
  .m-services__item-inner.hovermoj {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    

    /* zabijamy szerokości z innych styli */
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 92px !important;
    padding: 08px !important;
    background: #FFFFFF !important;
    border: 1.4px solid #9F68E4 !important;
    border-radius: 24px !important;
  }

  .m-services__icon {
    flex: 0 0 auto !important;
  }

  .m-services__icon img {
    width: 60px !important;
    height: 60px !important;
    display: block !important;
  }

  .m-services__meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .m-services__name {
    flex: 1 1 auto !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #283896 !important;
  }

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

}


@media (max-width: 390px) {

  /* odstęp między headem a pierwszą linią – 24px zostaje */
  .m-services__grid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;   /* tu większy odstęp */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  /* odstęp między kafelkami w ramach linii – mniejszy */
  .m-services__line,
  .m-services__line1,
  .m-services__line2 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;   /* <– zmniejszone z 24px */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }


.m-services__line2 {
margin-top: 15px !important;
  
}
  
}





@media (max-width: 390px) {

  /* SEKCJA "W LICZBACH" – JEDEN BIAŁY KAFEL W ŚRODKU */
  section.mod-stats {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 4% !important;              /* ~16px boki */
    box-sizing: border-box !important;
  }

  /* BIAŁY BOX Z CIENIEM – cała zawartość sekcji */
  section.mod-stats::before {
    content: "" !important;
    display: none !important; /* tylko zabezpieczenie – box robi .mod-stats__row */
  }

  .mod-stats__heading,
  .mod-stats__row {
    max-width: 358px !important;
    width: 100% !important;
  }

  .mod-stats__row {
    background: #ffffff !important;
    border-radius: 36px !important;
    box-shadow:  !important;
    padding: 24px 0 24px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 36px !important;
  }

  /* NAGŁÓWEK – wewnątrz tego samego „kafla” */
  .mod-stats__heading {
    margin: 0 0 0 !important;
    padding: 24px 0 !important;
    text-align: left !important;

    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .mod-stats__heading b {
    font-weight: 700 !important;
  }

  /* KOLUMNy – jedna pod drugą */
  .mod-stats__col {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  /* WSPÓLNE DLA KART */
  .mod-stats__card {
    width: 100% !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;
    box-sizing: border-box !important;
  }

  /* GÓRNE KOLOROWE KARTY */
  .mod-stats__card--top {
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .mod-stats__card--blue     { background: #283896 !important; }
  .mod-stats__card--lavender { background: #E7DAFA !important; }
  .mod-stats__card--magenta  { background: #B34694 !important; }

  /* WARTOŚĆ (36 / 100% / >20) */
  .mod-stats__value {
    width: 100% !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 72px !important;
    line-height: 110% !important;
  }

  .mod-stats__card--blue .mod-stats__value,
  .mod-stats__card--magenta .mod-stats__value {
    color: #ffffff !important;
  }

  .mod-stats__card--lavender .mod-stats__value {
    color: #283896 !important;
  }

  /* PODTYTUŁ POD LICZBĄ */
  .mod-stats__subtitle {
    width: 100% !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 110% !important;
  }

  .mod-stats__card--blue .mod-stats__subtitle,
  .mod-stats__card--magenta .mod-stats__subtitle {
    color: #ffffff !important;
  }

  .mod-stats__card--lavender .mod-stats__subtitle {
    color: #283896 !important;
  }

  /* DOLNE BIAŁE KARTY Z OPISAMI */
  .mod-stats__card--bottom {
    padding: 16px !important;
    background: #ffffff !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;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .mod-stats__desc {
    width: 100% !important;
    font-family: "Satoshi", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important;
    letter-spacing: 0.01em !important;
    color: #283896 !important;
  }
}


@media (max-width: 390px) {

  /* ZBIJAMY KWADRATOWĄ KARTĘ – wysokość tylko z treści */
  .mod-stats__card--top {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;   /* nadpisuje ewentualne aspect-ratio: 1/1 */

    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  /* Na wszelki wypadek – żadna karta nie ma narzuconej wysokości */
  .mod-stats__card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Wyrównanie zawartości do góry, jak w Figmie */
  .mod-stats__card--top {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
}


@media (max-width: 390px) {

  /* ZBIJAMY KWADRATOWĄ KARTĘ – wysokość tylko z treści */
  .mod-stats__card--top {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;   /* nadpisuje ewentualne aspect-ratio: 1/1 */

    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  /* Na wszelki wypadek – żadna karta nie ma narzuconej wysokości */
  .mod-stats__card {
    height: auto !important;
    min-height: 0 !important;
    max-height: 180px !important;
    margin-bottom: 10px
  }

  /* Wyrównanie zawartości do góry, jak w Figmie */
  .mod-stats__card--top {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
}


@media (max-width: 390px) {

  /* ===== BIAŁA KARTA Z MAPĄ ===== */
  .locmod-wrap {
    width: 100% !important;
  }

  .locmod {
    width: calc(100% - 32px) !important;   /* 16px marginesu z boków */
    max-width: 100% !important;
    margin: 32px 16px !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;

    background: #FFFFFF !important;
    box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1),
                0 1px 4px rgba(12, 12, 13, 0.05) !important;
    border-radius: 36px !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }

  /* ===== GŁÓWKA + PRZYCISK ===== */
  .locmod__head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .locmod__intro {
    margin: 0 !important;
    width: 100% !important;

    font-family: 'Satoshi', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }

  .locmod__cta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: 100% !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;

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

  .locmod__cta span {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #FFFFFF !important;
  }

  .locmod__cta-ico {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 auto !important;
  }

  /* ===== SEGMENTED CONTROL – ADRESY ===== */
  .locmod__seg {
    width: 100% !important;
  }

  .locmod__seg-inner {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;

    border: 1px solid #E7DAFA !important;
    border-radius: 24px !important;
    padding: 8px !important;
  }

  .locmod__tab {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    width: 100% !important;
    padding: 12px 5px !important;

    background: #FFFFFF !important;
    border-radius: 24px !important;
    border: 1.4px solid #E7DAFA !important;
 text-align: center !important;
    cursor: pointer !important;
  }

  .locmod__tab.is-active {
    background: #E7DAFA !important;
    border-color: #9F68E4 !important;
    text-align: center !important;
  }

  .locmod__tab-pin {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

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

  .locmod__tab-text {
    flex: 1 1 auto !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #283896 !important;
    text-align: left !important;
  }

  /* ===== PANELE Z MAPĄ I DANYMI ===== */
  .locmod__panels {
    width: 100% !important;
  }

  .locmod__panel {
    width: 100% !important;
  }

  .locmod__panel-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
  }

  /* MAPA */
  .locmod__map {
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-top: 30px
  }

  .locmod__map-embed,
  .locmod__map-embed iframe {
    width: 100% !important;
    height: 224px !important;  /* jak w Figmie 313x224 */
    border: 0 !important;
    display: block !important;
  }

  /* DANE PO PRAWEJ (NA MOBILE POD MAPĄ) */
  .locmod__details {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .locmod__title {
    margin: 0 !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .locmod__block {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .locmod__block-title {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  .locmod__text {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important;
    color: #283896 !important;
  }

  .locmod__row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .locmod__ico {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

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

  .locmod__link {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 110% !important;
    color: #283896 !important;
    text-decoration: none !important;
  }

  .locmod__note {
    margin-top: 8px !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 160% !important;
    color: #283896 !important;
  }
  
    .locmod__details .locmod__block:nth-of-type(2) {
    grid-column: 1;
    margin-top: 0px
  }
  
  
}


@media (max-width: 390px) {

  .locmod__tab {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;   /* CAŁA zawartość na środek */
    gap: 12px !important;

    width: 100% !important;
    padding: 12px 24px !important;

    background: #FFFFFF !important;
    border-radius: 24px !important;
    border: 1.4px solid #E7DAFA !important;
    cursor: pointer !important;
  }

  .locmod__tab.is-active {
    background: #E7DAFA !important;
    border-color: #9F68E4 !important;
  }

  .locmod__tab-text {
    flex: 0 0 auto !important;            /* NIE rozciąga się na 100% */
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #283896 !important;
    text-align: center !important;        /* Tekst wyśrodkowany */
  }

}

@media (max-width: 390px) {

  .locmod__row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    flex-wrap: wrap !important;          /* pozwól zawijać wiersz */
  }

  .locmod__link {
    flex: 1 1 auto !important;
    font-size: 13px !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-all !important;     /* długie maile nie wyjadą poza ramkę */
    overflow-wrap: anywhere !important;
  }

}





@media (max-width: 390px) {

  /* Cała sekcja */
  .m-projects-hero {
    width: 100% !important;
  }

  /* Biała kolumna z tytułem i tekstem (odpowiednik Frame 1104) */
  .m-projects-hero__wrap {
    box-sizing: border-box !important;

    /* 16px marginesu z lewej/prawej, 24px góra, 12px dół */
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    margin: 24px 16px 12px !important;

    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  /* PROJEKTY – nagłówek */
  .m-projects-hero__title {
    margin: 0 !important;
    width: 100% !important;

    font-family: 'Satoshi', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 120% !important; /* ~38px */
    color: #283896 !important;
  }

  /* Opis pod nagłówkiem */
  .m-projects-hero__desc {
    width: 100% !important;
  }

  .m-projects-hero__desc p {
    margin: 0 !important;
    width: 100% !important;

    font-family: 'Satoshi', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 160% !important; /* ~26px */
    letter-spacing: 0.01em !important;
    color: rgba(40, 56, 150, 0.75) !important;
  }

}

@media (max-width: 390px) {

  /* SEKCJA – odstępy jak w Figma */
  .cform.tessstt.bvcbcv {
    padding: 24px 16px !important;
    margin: 0 auto !important;
    max-width: 390px !important;
    box-sizing: border-box !important;
  }

  /* GŁÓWNA KARTA (biała, zaokrąglona) */
  .cform__inner {
    width: 100% !important;
    max-width: 358px !important;
    margin: 0 auto !important;

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

    padding: 24px !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;
  }

  /* Lewa kolumna – tylko tekst, bez grafiki w mobile */
  .cform__col--left {
    width: 100% !important;
  }

  .cform__intro p {
    margin: 0 !important;
    font-family: "Satoshi", sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }

  .cform__intro strong {
    font-weight: 500 !important;
  }

  .cform__media {
    display: none !important;
  }

  /* Prawa kolumna – formularz */
  .cform__col--right {
    width: 100% !important;
  }

  .cform__form {
    width: 100% !important;
    max-width: 310px !important;
    margin: 0 auto !important;

    box-sizing: border-box !important;
    padding: 24px !important;
    border: 1px solid #E7DAFA !important;
    border-radius: 24px !important;

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

  /* Wnętrze formularza */
  .cform__row {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .cform__field,
  .cform__field--textarea {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .cform__label {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    color: #283896 !important;
  }

  /* INPUTY & SELECTY */
  .cform__input,
  .cform__select,
  .cform__textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #9F68E4 !important;
    border-radius: 24px !important;
    padding: 10px 12px !important;

    font-family: "Satoshi", sans-serif !important;
    font-size: 16px !important;
    line-height: 160% !important;
    color: #283896 !important;
    background: #FFFFFF !important;
  }

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

  .cform__input::placeholder,
  .cform__textarea::placeholder,
  .cform__select option[hidden] {
    color: rgba(40, 56, 150, 0.75) !important;
  }

  .cform__select-wrap {
    width: 100% !important;
    position: relative !important;
  }

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

  .cform__chev {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%) !important;
  }

  .cform__chev::before {
    content: "" !important;
    position: absolute !important;
    inset: 25% !important;
    border: 1.33333px solid #9F68E4 !important;
    border-top: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
    border-radius: 2px !important;
  }

  /* NUMER TELEFONU */
  .cform__phone {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 6px !important;
  }

  .cform__dial-select {
    flex: 0 0 31% !important;
    position: relative !important;
  }

  .cform__select--dial {
    width: 100% !important;
    border-radius: 36px !important;
  }

  .cform__input--phone {
    flex: 1 1 auto !important;
    border-radius: 36px !important;
  }

  /* ZGODY */
  .cform__consent {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  .cform__checkbox {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .cform__checkbox input {
    position: absolute !important;
    opacity: 0 !important;
    inset: 0 !important;
    margin: 0 !important;
  }

  .cform__check {
    width: 24px !important;
    height: 24px !important;
    border-radius: 40px !important;
    border: 1px solid #9F68E4 !important;
    box-sizing: border-box !important;
  }

  .cform__checkbox input:checked + .cform__check {
    background: #9F68E4 !important;
    box-shadow: 0 0 0 4px #E7DAFA !important;
  }

  .cform__consent-text p {
    margin: 0 !important;
    font-family: "Satoshi", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    letter-spacing: 0.02em !important;
    color: rgba(40, 56, 150, 0.75) !important;
  }

  /* PRZYCISK WYŚLIJ */
  .cform__submit {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;

    padding: 12px 24px !important;
    height: 40px !important;

    background: #283896 !important;
    border-radius: 24px !important;
    border: none !important;
    cursor: pointer !important;

    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: #FFFFFF !important;
  }

  .cform__submit svg {
    width: 16px !important;
    height: 16px !important;
  }

  .cform__submit svg path {
    stroke: #FFFFFF !important;
  }
}


@media (max-width: 390px) {

  /* Cała sekcja – tło strony, bez karty */
  .cform.tessstt {
    padding: 24px 16px;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* Karta z Figmy (Frame 69) */
  .cform.tessstt .cform__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 10px;
    width: 100%;
    max-width: 358px;
    margin: 0 auto;
    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;
  }

  /* Lewa kolumna – tylko tekst, bez grafiki */
  .cform.tessstt .cform__col--left {
    width: 100%;
  }

  .cform.tessstt .cform__media {
    display: none;
  }

  /* Wewnętrzna fioletowa ramka formularza (Frame 1019) */
  .cform.tessstt .cform__form {
    box-sizing: border-box;
    width: 100%;
    margin-top: 24px;
    padding: 24px;
    border: 1px solid #E7DAFA;
    border-radius: 24px;
    background: #FFFFFF;
  }
}



/* Formularz – poprawka szerokości pól na mobile */
@media (max-width: 640px) {
  .cform__row {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .cform__field,
  .cform__field.cform__field--textarea {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}


@media (max-width: 390px) {
  .cform__consent {
    display: flex !important;
    align-items: center !important;   /* to robi robotę */
    gap: 16px !important;
  }
}







@media (max-width: 390px) {

  /* KARTA Z OBRAMOWANIEM (Segmented control) */
  .mod-prj__segmented {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;   /* 16px marginesu z boków */
    margin: 24px 16px 0 !important;
    padding: 8px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 16px !important;

    background: #FFFFFF !important;
    border: 1px solid #E7DAFA !important;
    border-radius: 24px !important;
    box-shadow: none !important;
  }

  /* Wspólne dla obu przycisków – tekst wyśrodkowany,
     bez własnych ramek / cieni */
  .mod-prj__seg-btn {
    position: relative !important;
    box-sizing: border-box !important;

    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 12px 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: none !important;

    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #283896 !important;
    text-align: center !important;
    cursor: pointer !important;
  }

  /* GÓRNY – aktywny: fioletowa pastylka 342px (358 – padding 8+8) */
  .mod-prj__seg-btn.is-active {
    background: #E7DAFA !important;
    border: 1.4px solid #9F68E4 !important;
  }

  /* Dolny – tylko tekst, bez obramowania */
  .mod-prj__seg-btn:not(.is-active) {
    background: transparent !important;
    border: none !important;
  }

  /* Suwak JS – chowamy na mobile, bo pastylka go zastępuje */
  .mod-prj__seg-slider {
    display: none !important;
  }
}


@media (max-width: 390px) {

  /* KARTA z obramowaniem jak w Figmie */
  .mod-projects-przeglad .mod-prj__segmented {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;   /* 16px marginesu z boków */
    max-width: 100% !important;
    margin: 24px 16px 0 !important;
    padding: 8px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 16px !important;

    background: #FFFFFF !important;
    border: 1px solid #E7DAFA !important;
    border-radius: 24px !important;
    height: auto !important;
  }

  /* Wspólne dla przycisków */
  .mod-projects-przeglad .mod-prj__seg-btn {
    position: relative !important;
    box-sizing: border-box !important;

    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 12px 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: none !important;
    border-radius: 24px !important;

    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #283896 !important;
    text-align: center !important;
    cursor: pointer !important;
  }

  /* Górny – aktywny: fioletowa pastylka */
  .mod-projects-przeglad .mod-prj__seg-btn.is-active {
    background: #E7DAFA !important;
    border: 1.4px solid #9F68E4 !important;
  }

  /* Dolny – tylko tekst */
  .mod-projects-przeglad .mod-prj__seg-btn:not(.is-active) {
    background: transparent !important;
    border: none !important;
  }

  /* Suwak chowamy na mobile */
  .mod-projects-przeglad .mod-prj__seg-slider {
    display: none !important;
  }
}




@media (max-width: 390px) {
  .mod-projects-przeglad .mod-prj__segmented {
    width: 100% !important;
    margin: 0 !important;       /* usuwa cały pomarańczowy margines */
    padding: 8px !important;    /* zostaje tylko wewnętrzny odstęp karty */
  }
}



@media (max-width: 390px) {
  .lead {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 16px 12px;
    width: 100%;
    max-width: 358px;
    margin: 0 auto; /* żeby siedziało na środku ekranu */
  }

  .lead h2 {
    width: 100%;
    margin: 0 0 12px;
    font-family: "Satoshi", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%; /* 38px */
    color: #283896;
  }

  .lead p {
    width: 100%;
    margin: 0;
    font-family: "Satoshi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%; /* 26px */
    letter-spacing: 0.01em;
    color: rgba(40, 56, 150, 0.75);
  }
  
  .placowki-st__header {
  width: 100%  !important;  
	  
  }
  
  
}


@media (max-width: 390px) {
  .segmented {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    padding: 8px;
    width: 100%;
    max-width: 358px;
    height: 62px;
    margin: 24px auto 0;

    background: #ffffff;
    border: 1px solid #e7dafa;
    border-radius: 40px;
  }

  .segmented__btn {
    flex: 1 1 0;
    padding: 12px 24px;

    border: none;
    background: transparent;
    border-radius: 24px;

    font-family: "Satoshi", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #283896;

    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  }

  .segmented__btn.is-active {
    background: #e7dafa;
    box-shadow: 0 0 0 1.4px #9f68e4 inset;
    /* tekst zostaje ten sam kolor #283896 */
  }

  .segmented__btn:focus-visible {
    outline: 2px solid #9f68e4;
    outline-offset: 2px;
  }
}





@media (max-width: 390px) {

  /* ===== SEKCJA Z WEZWANIEM ===== */
  .mod-projects-dol {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;   /* 16px z każdej strony */
    margin: 32px 16px 64px !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 24px !important;
  }

  /* TEKST NAD PRZYCISKAMI */
  .mod-prd__text {
    width: 100% !important;
  }

  .mod-prd__text p {
    margin: 0 !important;
    width: 100% !important;

    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140% !important;
    color: #283896 !important;
  }

  /* KONTENER NA PRZYCISKI */
  .mod-prd__buttons {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
  }

  /* WSPÓLNE DLA OBU PRZYCISKÓW */
  .mod-prd__btn {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: 100% !important;          /* = 358px wewnątrz sekcji */
    padding: 12px 24px !important;
    border-radius: 24px !important;
    text-decoration: none !important;

    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
  }

  .mod-prd__btn-label {
    color: inherit !important;
  }

  .mod-prd__icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 auto !important;
  }

  /* PRZYCISK GŁÓWNY – FIOLETOWY */
  .mod-prd__btn--primary {
    background: #283896 !important;
    border: none !important;
    color: #FFFFFF !important;
  }

  /* PRZYCISK DRUGI – Z OBWÓDKĄ */
  .mod-prd__btn--tertiary {
    background: #FFFFFF !important;
    border: 1px solid #283896 !important;
    color: #283896 !important;
  }

  /* Obsługa ikon hover (jeśli używasz klas hoverrroff / hoverrron) */
  .mod-prd__icon.hoverrron { display: none !important; }

  .mod-prd__btn:hover .hoverrroff { display: none !important; }
  .mod-prd__btn:hover .hoverrron { display: inline-block !important; }
}


@media (max-width: 390px) {

  /* Sekcja dolna – usuwa max-width i ustawia poprawny layout */
  .mod-projects-dol {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 32px 16px 64px !important;

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

    box-sizing: border-box !important;
  }

  /* Tekst */
  .mod-prd__text p {
    width: 100% !important;
    font-size: 18px !important;
    line-height: 140% !important;
    color: #283896 !important;
    margin: 0 !important;
  }

  /* Kontener na przyciski → KOLUMNA */
  .mod-prd__buttons {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    max-width: 100% !important;
  }

  /* Oba przyciski na 100% szerokości */
  .mod-prd__btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 12px 24px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
  }

  /* Primary */
  .mod-prd__btn--primary {
    background: #283896 !important;
    color: #fff !important;
    border: none !important;
  }

  /* Tertiary */
  .mod-prd__btn--tertiary {
    background: #fff !important;
    border: 1px solid #283896 !important;
    color: #283896 !important;
  }

  .mod-prd__btn-label {
    font-family: "Satoshi", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

}


/* MOBILE – przyciski jeden pod drugim, pełna szerokość */
@media (max-width: 640px) {

  /* Cała sekcja – bez max-width z desktopu */
  .mod-projects-dol {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 16px 94px !important;
    box-sizing: border-box !important;

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

  .mod-prd__text,
  .mod-prd__text p {
    width: 100% !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 140% !important;
  }

  /* >>> TO JEST KLUCZ <<< */
  .mod-prd__buttons {
    display: flex !important;
    flex-direction: column !important;   /* zamiast row */
    align-items: stretch !important;
    justify-content: center !important;
    gap: 16px !important;

    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;        /* wyłącz wrap */
  }

  .mod-prd__btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 12px 24px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
  }

  /* Primary */
  .mod-prd__btn--primary {
    background: #283896 !important;
    color: #ffffff !important;
    border: none !important;

    margin-top: 40px !important;
  }

  /* Tertiary */
  .mod-prd__btn--tertiary {
    background: #ffffff !important;
    border: 1px solid #283896 !important;
    color: #283896 !important;
  }

  .mod-prd__btn-label {
    font-family: "Satoshi", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 110% !important;
  }
}




@media (max-width: 640px) {

  /* Dialog – tylko drobne ustawienia mobilne */
  .clinic-modal__dialog {
    max-width: 390px;
    width: calc(100% - 32px);
    margin: 16px auto;
    border-radius: 24px;
  }

  /* Wewnętrzna część – tutaj dodajemy przewijanie */
  .clinic-modal__content {
    max-height: calc(100vh - 160px);   /* wysokość dostępna na treść */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 8px;                /* mały margines przy pasku */
    box-sizing: border-box;
  }
}