.bhp-theme-link {
  color: inherit;
  text-decoration: none;
}

/* Linki zastępujące tekst w eksporcie zachowują kolor projektu w obu nagłówkach. */
.bhp-menu-01-menu-01--desktop a.bhp-theme-link,
.bhp-menu-02-menu-02--desktop a.bhp-theme-link,
.bhp-menu-01-menu-01--mobile a.bhp-theme-link,
.bhp-menu-02-menu-02--mobile a.bhp-theme-link,
.bhp-menu-01-menu-01--desktop a.bhp-theme-link:visited,
.bhp-menu-02-menu-02--desktop a.bhp-theme-link:visited,
.bhp-menu-01-menu-01--mobile a.bhp-theme-link:visited,
.bhp-menu-02-menu-02--mobile a.bhp-theme-link:visited {
  color: #fff !important;
}

.bhp-footer-01-stopka--desktop a.bhp-theme-link,
.bhp-footer-01-stopka--mobile a.bhp-theme-link,
.bhp-footer-01-stopka--desktop a.bhp-theme-link:visited,
.bhp-footer-01-stopka--mobile a.bhp-theme-link:visited {
  color: #fff !important;
  text-decoration: none;
}

.bhp-footer-01-stopka--desktop a.bhp-theme-link,
.bhp-footer-01-stopka--mobile a.bhp-theme-link {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: text-decoration-color 160ms ease;
}

.bhp-footer-01-stopka--desktop a.bhp-theme-link:hover,
.bhp-footer-01-stopka--mobile a.bhp-theme-link:hover {
  color: #fff !important;
  text-decoration-color: #fdb721;
}

/* Nagłówek kolumny kontaktowej jest linkiem, ale zachowuje żółty kolor nagłówków stopki. */
.bhp-footer-01-stopka--desktop a.bhp-footer-01-stopka--desktop__node-7-23782,
.bhp-footer-01-stopka--desktop a.bhp-footer-01-stopka--desktop__node-7-23782:visited,
.bhp-footer-01-stopka--desktop a.bhp-footer-01-stopka--desktop__node-7-23782:hover {
  color: rgb(253, 183, 33) !important;
}

/* Strona główna: kafelki „Dlaczego warto” mają wspólną wysokość i linię ikon. */
.bhp-strona-glowna-04-dlaczego-warto--desktop__node-7-24139 {
  align-items: stretch;
}

.bhp-strona-glowna-04-dlaczego-warto--desktop__node-7-24140,
.bhp-strona-glowna-04-dlaczego-warto--desktop__node-7-24145,
.bhp-strona-glowna-04-dlaczego-warto--desktop__node-7-24150,
.bhp-strona-glowna-04-dlaczego-warto--desktop__node-7-24155 {
  align-self: stretch;
  height: auto;
  justify-content: flex-start;
}

.bhp-contact-heading-highlight {
  color: rgb(253, 183, 33);
}

/* Mobile menu: logo i przycisk mieszczą się w każdym widoku. */
.bhp-menu-01-menu-01--mobile {
  box-sizing: border-box;
  gap: 16px;
  width: 100%;
  min-width: 0;
  max-width: 1023px;
  padding-inline: 16px;
}

.bhp-menu-01-menu-01--mobile .bhp-theme-logo-link {
  display: block;
  min-width: 0;
  max-width: calc(100% - 56px);
}

.bhp-menu-01-menu-01--mobile__node-7-23882 {
  width: min(205px, 100%);
  max-width: 100%;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}

/* Podstrony korzystają z drugiego wariantu menu — te same ograniczenia co na stronie głównej. */
.bhp-menu-02-menu-02--mobile {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 1023px;
}

.bhp-menu-02-menu-02--mobile__inner {
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  width: 100%;
  min-width: 0;
  max-width: 1023px;
  padding-inline: 16px;
}

.bhp-menu-02-menu-02--mobile .bhp-theme-logo-link {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: calc(100% - 56px);
}

.bhp-menu-02-menu-02--mobile__node-7-23893 {
  display: block;
  width: min(205px, 100%);
  max-width: 100%;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}

.bhp-menu-02-menu-02--mobile__node-7-23894,
.bhp-menu-02-menu-02--mobile .bhp-theme-menu-toggle {
  flex: 0 0 auto;
  width: 32px;
  max-width: 32px;
}

/* Nagłówek kolumny kontaktowej pozostaje żółty po zamianie tekstu na link. */
.bhp-footer-01-stopka--mobile a.bhp-footer-01-stopka--mobile__node-7-23808,
.bhp-footer-01-stopka--mobile a.bhp-footer-01-stopka--mobile__node-7-23808:visited,
.bhp-footer-01-stopka--mobile a.bhp-footer-01-stopka--mobile__node-7-23808:hover {
  color: rgb(253, 183, 33) !important;
}

/* O nas: wspólna wysokość kafelków „Dlaczego warto”. */
.bhp-o-nas-02-dlaczego-warto--desktop__node-7-24139,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23897 {
  align-items: stretch;
}

.bhp-o-nas-02-dlaczego-warto--desktop__node-7-24140,
.bhp-o-nas-02-dlaczego-warto--desktop__node-7-24145,
.bhp-o-nas-02-dlaczego-warto--desktop__node-7-24150,
.bhp-o-nas-02-dlaczego-warto--desktop__node-7-24155,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23898,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23903,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23908,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23913 {
  align-self: stretch;
  height: auto;
  justify-content: flex-start;
}

/* O nas: opisy kroków współpracy wyrównane do lewego brzegu. */
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23961,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23966,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23971,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23976,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23981,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23986 {
  justify-content: flex-start;
}

.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23962,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23967,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23972,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23977,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23982,
.bhp-o-nas-03-przebieg-wspolpracy--desktop__node-7-23987 {
  margin-inline: 0;
  text-align: left;
}

/* Usługi: wspólna wysokość kafelków „Dlaczego warto”. */
.bhp-uslugi-05-dlaczego-warto--desktop__node-7-24139 {
  align-items: stretch;
}

.bhp-uslugi-05-dlaczego-warto--desktop__node-7-24140,
.bhp-uslugi-05-dlaczego-warto--desktop__node-7-24145,
.bhp-uslugi-05-dlaczego-warto--desktop__node-7-24150,
.bhp-uslugi-05-dlaczego-warto--desktop__node-7-24155 {
  align-self: stretch;
  height: auto;
  justify-content: flex-start;
}

/* Mobile: liczby na stronie głównej zawsze wyśrodkowane jako cały blok. */
.bhp-strona-glowna-05-liczby--mobile__node-7-24227,
.bhp-strona-glowna-05-liczby--mobile__node-7-24231,
.bhp-strona-glowna-05-liczby--mobile__node-7-24235,
.bhp-strona-glowna-05-liczby--mobile__node-7-24239 {
  align-items: center;
  text-align: center;
}

.bhp-strona-glowna-05-liczby--mobile__node-7-24228,
.bhp-strona-glowna-05-liczby--mobile__node-7-24229,
.bhp-strona-glowna-05-liczby--mobile__node-7-24232,
.bhp-strona-glowna-05-liczby--mobile__node-7-24233,
.bhp-strona-glowna-05-liczby--mobile__node-7-24236,
.bhp-strona-glowna-05-liczby--mobile__node-7-24237,
.bhp-strona-glowna-05-liczby--mobile__node-7-24240,
.bhp-strona-glowna-05-liczby--mobile__node-7-24241 {
  text-align: center;
}

/* O nas mobile: tytuły kafelków są wyśrodkowane. */
.bhp-o-nas-05-co-zyskasz--mobile__node-7-23923,
.bhp-o-nas-05-co-zyskasz--mobile__node-7-23928,
.bhp-o-nas-05-co-zyskasz--mobile__node-7-23933,
.bhp-o-nas-05-co-zyskasz--mobile__node-7-23938 {
  align-items: center;
  text-align: center;
}

.bhp-o-nas-05-co-zyskasz--mobile__node-7-23924,
.bhp-o-nas-05-co-zyskasz--mobile__node-7-23929,
.bhp-o-nas-05-co-zyskasz--mobile__node-7-23934,
.bhp-o-nas-05-co-zyskasz--mobile__node-7-23939 {
  text-align: center;
}

/* Usługi: sekcja opisu korzysta z wariantu mobilnego i nie wychodzi poza ekran. */
.bhp-uslugi-03-opis--mobile {
  box-sizing: border-box;
  display: flex;
  gap: 133px;
  align-items: center;
  justify-content: center;
  width: min(100%, 1920px);
  margin-inline: auto;
  padding: 35px 120px;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .bhp-uslugi-03-opis--mobile {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 24px 20px;
  }

  .bhp-uslugi-03-opis--mobile .bhp-uslugi-03-opis--desktop__node-7-24084 {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 240px;
    object-fit: cover;
  }

  .bhp-uslugi-03-opis--mobile .bhp-uslugi-03-opis--desktop__node-7-24085 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* Usługi mobile: nagłówki kart zakresu są wyśrodkowane. */
.bhp-uslugi-04-zakres-uslug--mobile__node-7-24060,
.bhp-uslugi-04-zakres-uslug--mobile__node-7-24066,
.bhp-uslugi-04-zakres-uslug--mobile__node-7-24072,
.bhp-uslugi-04-zakres-uslug--mobile__node-7-24078 {
  align-items: center;
  text-align: center;
}

.bhp-uslugi-04-zakres-uslug--mobile__node-7-24061,
.bhp-uslugi-04-zakres-uslug--mobile__node-7-24067,
.bhp-uslugi-04-zakres-uslug--mobile__node-7-24073,
.bhp-uslugi-04-zakres-uslug--mobile__node-7-24079 {
  text-align: center;
}

section[class*="-kontakt--"] a.bhp-theme-link,
section[class*="-kontakt--"] a.bhp-theme-link:visited {
  color: #fff !important;
  text-decoration: none;
}

section[class*="-formularz--"] a.bhp-theme-link,
section[class*="-formularz--"] a.bhp-theme-link:visited {
  color: #fff !important;
  text-decoration: none;
}

.bhp-theme-logo-link,
.bhp-theme-menu-toggle {
  cursor: pointer;
}

.bhp-theme-logo-link {
  display: block;
  line-height: 0;
}

.bhp-theme-cta,
.bhp-theme-cta:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: 10px 29px;
  border-radius: 25px;
  background: #fdb721;
  color: #fff !important;
  font: 500 16px/1.22 "Instrument Sans", sans-serif;
  text-decoration: none;
  transition: transform 160ms ease, background-color 160ms ease;
}

.bhp-theme-cta:hover {
  background: #fdb721;
  color: #fff !important;
  transform: translateY(-3px);
}

.bhp-theme-cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.bhp-strona-glowna-05-liczby--desktop__node-7-24209,
.bhp-strona-glowna-05-liczby--desktop__node-7-24213,
.bhp-strona-glowna-05-liczby--desktop__node-7-24217,
.bhp-strona-glowna-05-liczby--desktop__node-7-24221 {
  align-items: center;
  text-align: center;
}

.bhp-o-nas-05-co-zyskasz--desktop__node-7-23898,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23903,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23908,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23913,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23900,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23905,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23910,
.bhp-o-nas-05-co-zyskasz--desktop__node-7-23915 {
  align-items: center;
  text-align: center;
}

/* Eksport Figmy dodawał tło do różnych kontenerów CTA. Zostawiamy jedno, wspólne tło na samym linku. */
main [class*="node-"]:has(> .bhp-theme-cta) {
  padding: 0 !important;
  background: transparent !important;
}

/* Nagłówek ma własny kontener przycisku z eksportu Figmy — link nie może tworzyć drugiego przycisku wewnątrz. */
section[class*="bhp-menu-"] .bhp-theme-cta,
section[class*="bhp-menu-"] .bhp-theme-cta:visited,
section[class*="bhp-menu-"] .bhp-theme-cta:hover {
  display: block;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #fff !important;
  transform: none;
}

section[class*="bhp-menu-"] [class*="node-7-23879"]:has(> .bhp-theme-cta),
section[class*="bhp-menu-"] [class*="node-7-23890"]:has(> .bhp-theme-cta) {
  padding: 10px 20px !important;
  border-radius: 25px;
  background: #fdb721 !important;
  transition: transform 160ms ease;
}

section[class*="bhp-menu-"] [class*="node-7-23879"]:has(> .bhp-theme-cta):hover,
section[class*="bhp-menu-"] [class*="node-7-23890"]:has(> .bhp-theme-cta):hover {
  transform: translateY(-3px);
}

.bhp-menu-01-menu-01--desktop,
.bhp-menu-02-menu-02--desktop__inner {
  gap: clamp(24px, 4vw, 508px);
}

/* Formularz Ad Prisma w sekcji Kontakt — warstwa wizualna pozostaje w motywie. */
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 30px;
  width: 100%;
  color: #fcfcfc;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__field--text,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__field--textarea,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__field--checkbox,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__submit,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__notice,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__field,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__submit,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__notice {
  grid-column: 1 / -1;
}

/* Ten sam układ pól dla formularzy osadzonych w sekcjach strony głównej, O nas i Usługi. */
[class*="-06-kontakt--desktop"] .ad-prisma-form__field--text,
[class*="-06-kontakt--desktop"] .ad-prisma-form__field--textarea,
[class*="-06-kontakt--desktop"] .ad-prisma-form__field--checkbox,
[class*="-06-kontakt--desktop"] .ad-prisma-form__submit,
[class*="-06-kontakt--desktop"] .ad-prisma-form__notice,
[class*="-06-formularz--desktop"] .ad-prisma-form__field--text,
[class*="-06-formularz--desktop"] .ad-prisma-form__field--textarea,
[class*="-06-formularz--desktop"] .ad-prisma-form__field--checkbox,
[class*="-06-formularz--desktop"] .ad-prisma-form__submit,
[class*="-06-formularz--desktop"] .ad-prisma-form__notice,
[class*="-06-kontakt--mobile"] .ad-prisma-form__field,
[class*="-06-kontakt--mobile"] .ad-prisma-form__submit,
[class*="-06-kontakt--mobile"] .ad-prisma-form__notice,
[class*="-06-formularz--mobile"] .ad-prisma-form__field,
[class*="-06-formularz--mobile"] .ad-prisma-form__submit,
[class*="-06-formularz--mobile"] .ad-prisma-form__notice {
  grid-column: 1 / -1;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__field,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__field {
  min-width: 0;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__label,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__label,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__checkbox-label,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__checkbox-label {
  display: block;
  margin-bottom: 8px;
  color: #fcfcfc;
  font: 400 16px/1.22 "Instrument Sans", sans-serif;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__input,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__textarea,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__input,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: 1px solid #fcfcfc;
  border-radius: 0;
  background: transparent;
  color: #fcfcfc;
  font: 400 16px/1.22 "Instrument Sans", sans-serif;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__input {
  height: 50px;
  padding: 10px;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__textarea {
  min-height: 100px;
  padding: 10px;
  resize: vertical;
}

.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__input {
  height: 45px;
  padding: 10px;
}

.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__textarea {
  min-height: 100px;
  padding: 10px;
  resize: vertical;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__input::placeholder,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__textarea::placeholder,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__input::placeholder,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__textarea::placeholder {
  color: rgb(252 252 252 / 70%);
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__checkbox-label,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__checkbox-label {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0;
  font-size: 12px;
  line-height: 1.22;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__checkbox,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__checkbox {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #fdb721;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__submit,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__submit {
  justify-self: center;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: 10px 29px;
  border: 0;
  border-radius: 25px;
  background: #fdb721;
  color: #fff;
  cursor: pointer;
  font: 500 16px/1.22 "Instrument Sans", sans-serif;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__submit::before,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__submit::before {
  width: 20px;
  height: 20px;
  content: "";
  background: url("./icons/7-24410.svg") center / contain no-repeat;
}

[class*="-06-kontakt--"] .ad-prisma-form__submit,
[class*="-06-formularz--"] .ad-prisma-form__submit {
  justify-self: center !important;
  display: inline-flex !important;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

[class*="-06-kontakt--"] .ad-prisma-form__submit::before,
[class*="-06-formularz--"] .ad-prisma-form__submit::before {
  width: 20px !important;
  height: 20px !important;
  content: "" !important;
  background: url("./icons/7-24410.svg") center / contain no-repeat;
}

[class*="-06-kontakt--"] .ad-prisma-form__submit,
[class*="-06-formularz--"] .ad-prisma-form__submit,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__submit,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__submit {
  transition: transform 160ms ease, background-color 160ms ease;
}

[class*="-06-kontakt--"] .ad-prisma-form__submit:hover,
[class*="-06-formularz--"] .ad-prisma-form__submit:hover,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__submit:hover,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__submit:hover {
  background: #fdb721;
  color: #fff;
  transform: translateY(-3px);
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__submit:hover,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__submit:hover {
  background: #fdb721;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__submit:disabled,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__submit:disabled {
  cursor: wait;
  opacity: .7;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__error,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__error,
.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__notice,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__notice {
  margin: 6px 0 0;
  color: #fff;
  font: 400 13px/1.3 "Instrument Sans", sans-serif;
}

.bhp-kontakt-01-kontakt--desktop .ad-prisma-form__error,
.bhp-kontakt-01-kontakt--mobile .ad-prisma-form__error {
  color: #ffd5d5;
}

@media (max-width: 1023px) {
  .bhp-kontakt-01-kontakt--mobile .ad-prisma-form {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

/* Transparentny nagłówek strony głównej nachodzi na sekcję hero o swoją wysokość. */
.bhp-menu-01-menu-01--desktop,
.bhp-menu-01-menu-01--mobile {
  position: relative;
  z-index: 2;
  margin-bottom: -80px;
}

.bhp-service-tab {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin: 0;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease;
}

.bhp-service-tab.is-active {
  padding: 9.5px 17px;
  border-radius: 20px;
  background-color: #f5f5ff;
  color: #004688 !important;
}

.bhp-uslugi-02-karuzela--desktop__node-7-24089 {
  flex-wrap: wrap;
  gap: 16px 24px;
  justify-content: center;
  height: auto;
}

.bhp-service-tab:focus-visible {
  outline: 2px solid #004688;
  outline-offset: 3px;
}

/* Na telefonach wybór usługi jest przewijaną karuzelą, a nie pionową listą. */
@media (max-width: 1023px) {
  .bhp-uslugi-02-karuzela--mobile {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 15px 16px 25px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .bhp-uslugi-02-karuzela--mobile::-webkit-scrollbar {
    display: none;
  }

  .bhp-uslugi-02-karuzela--mobile .bhp-service-tab {
    box-sizing: border-box;
    flex: 0 0 min(76vw, 300px);
    min-height: 58px;
    margin: 0;
    padding: 12px 18px;
    scroll-snap-align: start;
    text-align: center;
  }
}

.bhp-home-services-track {
  box-sizing: border-box;
  display: flex !important;
  flex: 1 1 0;
  flex-wrap: nowrap !important;
  gap: 0;
  min-width: 0;
  padding-block: 32px;
  margin-block: -32px;
  overflow: hidden;
  scroll-behavior: smooth;
}

.bhp-home-service-card {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 calc(100% / 6);
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  height: 281px;
  padding: 15px 8px;
  color: #222;
  text-align: center;
  text-decoration: none;
  transition: box-shadow 160ms ease;
}

.bhp-home-service-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.bhp-service-description-block {
  display: block;
}

.bhp-service-description-block + .bhp-service-description-block {
  margin-top: 16px;
}

.bhp-home-service-card__image {
  display: block;
  width: 134px;
  height: 134px;
  object-fit: contain;
}

.bhp-home-service-card__title {
  font: 500 16px/1.15 "Ubuntu", sans-serif;
}

.bhp-home-carousel-arrow {
  cursor: pointer;
}

.bhp-home-carousel-arrow.is-disabled {
  opacity: .3;
  cursor: not-allowed;
}

.bhp-home-carousel-pagination {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
}

.bhp-home-carousel-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #d5d5d5;
  cursor: pointer;
  transition: width 160ms ease, background-color 160ms ease;
}

.bhp-home-carousel-dot.is-active {
  width: 24px;
  background: #fdb721;
}

.bhp-home-carousel-dot:focus-visible {
  outline: 2px solid #004688;
  outline-offset: 3px;
}

@media (max-width: 1023px) {
  .bhp-strona-glowna-02-kategorie--mobile__node-7-23840 {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .bhp-strona-glowna-02-kategorie--mobile__node-7-23840::-webkit-scrollbar {
    display: none;
  }

  .bhp-home-services-track--mobile {
    display: flex !important;
    width: 100%;
    min-width: 0;
    min-height: 281px;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 1px;
    -webkit-overflow-scrolling: touch;
  }

  .bhp-home-services-track--mobile .bhp-home-service-card {
    display: flex !important;
    flex: 0 0 76vw !important;
    width: 76vw;
    min-width: 0;
    max-width: 280px;
    min-height: 281px;
    background: #fff;
    color: #222;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .bhp-home-services-track--mobile .bhp-home-service-card__image {
    display: block !important;
    flex: 0 0 129px;
    width: 129px;
    height: 129px;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
  }

  .bhp-home-services-track--mobile .bhp-home-service-card__title {
    display: block;
    color: #222;
    text-align: center;
  }

  .bhp-home-carousel-pagination--mobile {
    margin-top: -14px;
  }
}

.bhp-theme-mobile-menu {
  position: fixed;
  z-index: 9999;
  inset: 80px 0 auto;
  display: none;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 2rem;
  background: #ffffff;
  box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
}

.bhp-theme-mobile-menu.is-open {
  display: flex;
}

.bhp-theme-mobile-menu a {
  color: #19282f;
  font: 600 1.125rem/1.3 Arial, sans-serif;
  text-decoration: none;
}

.bhp-fallback {
  max-width: 72rem;
  margin: 3rem auto;
  padding: 0 1.5rem;
}