:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap{grid-template-columns:60px 225px auto;gap:30px;display:grid}:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap figure{max-width:60px!important}@media (width>=1200px){:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap{min-height:55px}}@media (width>=1100px){:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap{min-height:75px}}@media (width<=768px){:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap{grid-template-rows:auto auto;grid-template-columns:auto 60px;align-items:end;gap:30px 10px}:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap .col-img{grid-area:1/2}:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap .col-title{grid-area:1/1;display:grid}:is(.single-investments, .editor-styles-wrapper) .section-4 .row-element .kt-row-column-wrap .col-text{grid-area:2/1/auto/-1}}@media (width>=769px){:is(.single-investments, .editor-styles-wrapper) .menu-number{flex-direction:row;gap:1.5rem}}@media (width<=1023px){:is(.single-investments, .editor-styles-wrapper) #modele-biznesowe{margin-top:1.25rem}}

/* ==========================================================================
   SEKCJA WIELOKROTNEGO UŻYTKU: „Informacje prawne” (.ms-legal)
   Działa na każdej inwestycji (front + edytor), kolor akcentu z --invest-main-color.
   Struktura (blok Grupa, klasy w „Dodatkowe klasy CSS”):
     .ms-legal                  – grupa całej sekcji
       .ms-legal__title         – nagłówek (H3)
       .ms-legal__grid          – grupa z akapitami (2 kolumny, 1 akapit = pełna szerokość)
       .ms-legal__note          – grupa z zastrzeżeniem (H4 + akapit)
       .ms-legal__more          – blok Szczegóły „Pokaż więcej” (w środku .ms-legal__grid)
   Każdy element można usunąć – pozostałe wyświetlą się poprawnie.
   Stare klasy .aq-legal* są obsługiwane jako alias.
   ========================================================================== */
:is(.ms-legal, .aq-legal) {
  --legal-ink: #242723;
  --legal-muted: #62645e;
  --legal-line: #ddd8cf;
  --legal-accent: var(--invest-main-color, #bb985b);
  margin: 40px 0 0;
  color: var(--legal-ink);
}
/* sekcja wstawiona samodzielnie (poza kontenerem innego bloku) – własny kontener */
:is(.ms-legal, .aq-legal):not(.container *, .acf-innerblocks-container *, .block-editor-block-list__layout .block-editor-block-list__layout *) {
  width: 100%;
  max-width: 100vw;
  margin: 40px auto;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1024px) {
  :is(.ms-legal, .aq-legal):not(.container *, .acf-innerblocks-container *, .block-editor-block-list__layout .block-editor-block-list__layout *) {
    padding: 0 1rem;
  }
}
@media (min-width: 1025px) {
  :is(.ms-legal, .aq-legal):not(.container *, .acf-innerblocks-container *, .block-editor-block-list__layout .block-editor-block-list__layout *) {
    max-width: 95vw;
  }
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__title, .aq-legal__title) {
  margin: 0 0 18px;
  padding-top: 22px;
  border-top: 1px solid var(--legal-line);
  color: var(--legal-ink);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__title, .aq-legal__title) strong {
  font-weight: inherit;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid) > .wp-block-group__inner-container,
:is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid).is-layout-flow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 18px 48px;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid) > .wp-block-group__inner-container > *,
:is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid).is-layout-flow > * {
  margin: 0;
}
/* jeden akapit w siatce – pełna szerokość zamiast pustej drugiej kolumny */
:is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid) > .wp-block-group__inner-container > :only-child,
:is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid).is-layout-flow > :only-child {
  grid-column: 1 / -1;
}
:is(.ms-legal, .aq-legal) p {
  margin: 0;
  color: var(--legal-muted);
  font-size: 12px;
  line-height: 1.75;
}
:is(.ms-legal, .aq-legal) p strong {
  color: var(--legal-ink);
  font-weight: 600;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__note, .aq-legal__note) {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--legal-line);
}
/* zastrzeżenie zaraz pod nagłówkiem – bez podwójnej linii */
:is(.ms-legal, .aq-legal) :is(.ms-legal__title, .aq-legal__title) + :is(.ms-legal__note, .aq-legal__note) {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__note, .aq-legal__note) > *,
:is(.ms-legal, .aq-legal) :is(.ms-legal__note, .aq-legal__note) > .wp-block-group__inner-container > * {
  margin: 0;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__note, .aq-legal__note) :is(h3, h4, h5) {
  margin: 0 0 5px;
  color: var(--legal-ink);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__note, .aq-legal__note) :is(h3, h4, h5) strong {
  font-weight: inherit;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__note, .aq-legal__note) p + p {
  margin-top: 8px;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) {
  margin-top: 10px;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > summary {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 9px 0;
  list-style: none;
  cursor: pointer;
  color: var(--legal-accent);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 0.2s;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > summary::-webkit-details-marker {
  display: none;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > summary::after {
  content: "";
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.24s;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more)[open] > summary::after {
  transform: rotate(180deg);
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > summary:hover {
  color: var(--legal-ink);
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > summary:focus-visible {
  outline: 1px solid var(--legal-accent);
  outline-offset: 4px;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > :not(summary):first-of-type {
  padding-top: 16px;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > * + :not(summary) {
  margin-top: 16px;
}
/* tylko front (w edytorze blok ma klasę .block-editor-block-list__block) */
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more):not(.block-editor-block-list__block)[open] > summary {
  font-size: 0;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more):not(.block-editor-block-list__block)[open] > summary::before {
  content: "Pokaż mniej";
  font-size: 12px;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more):not(.block-editor-block-list__block) {
  interpolate-size: allow-keywords;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more):not(.block-editor-block-list__block)::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size 0.35s ease, content-visibility 0.35s allow-discrete;
}
:is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more):not(.block-editor-block-list__block)[open]::details-content {
  block-size: auto;
}
/* puste elementy (usunięta treść) nie zostawiają odstępów – tylko front */
:is(.ms-legal, .aq-legal):not(.block-editor-block-list__block) p:empty,
:is(.ms-legal, .aq-legal):not(.block-editor-block-list__block) :is(.ms-legal__title, .aq-legal__title):empty,
:is(.ms-legal, .aq-legal):not(.block-editor-block-list__block) :is(.ms-legal__grid, .aq-legal__grid, .ms-legal__note, .aq-legal__note):not(:has(p:not(:empty), h2, h3, h4, h5, ul, ol)),
:is(.ms-legal, .aq-legal):not(.block-editor-block-list__block) :is(.ms-legal__more, .aq-legal__more):not(:has(p:not(:empty), h2, h3, h4, h5, ul, ol)) {
  display: none;
}
@media (max-width: 1023px) {
  :is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid) > .wp-block-group__inner-container,
  :is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid).is-layout-flow {
    gap: 20px 32px;
  }
}
@media (max-width: 600px) {
  :is(.ms-legal, .aq-legal) {
    margin-top: 28px;
  }
  :is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid) > .wp-block-group__inner-container,
  :is(.ms-legal, .aq-legal) :is(.ms-legal__grid, .aq-legal__grid).is-layout-flow {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  :is(.ms-legal, .aq-legal) :is(.ms-legal__note, .aq-legal__note) {
    margin-top: 18px;
    padding-top: 16px;
  }
  :is(.ms-legal, .aq-legal) :is(.ms-legal__more, .aq-legal__more) > :not(summary):first-of-type {
    padding-top: 12px;
  }
}

/* ==========================================================================
   SEKCJA WIELOKROTNEGO UŻYTKU: „Jeszcze więcej możliwości wypoczynku” (blok Grupa, styl „heading-desc”)
   Działa na każdej inwestycji. Rozpoznawana po klasie .ms-leisure (Dodatkowe klasy CSS grupy)
   albo po kotwicy nagłówka #h-jeszcze-wiecej-mozliwosci-wypoczynku (sekcja skopiowana z Aquart).
   ========================================================================== */
:is(.single-investments, .editor-styles-wrapper) :is(.ms-leisure, .wp-block-group.is-style-heading-desc:has(> #h-jeszcze-wiecej-mozliwosci-wypoczynku)) {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 50px;
  align-items: start;
  max-width: none;
  padding: 30px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
:is(.single-investments, .editor-styles-wrapper) :is(.ms-leisure, .wp-block-group.is-style-heading-desc:has(> #h-jeszcze-wiecej-mozliwosci-wypoczynku)) > h2 {
  flex: none;
  margin: 0;
  font-size: 25px;
  line-height: 1.35;
  color: #131313;
}
:is(.single-investments, .editor-styles-wrapper) :is(.ms-leisure, .wp-block-group.is-style-heading-desc:has(> #h-jeszcze-wiecej-mozliwosci-wypoczynku)) > p {
  max-width: 950px;
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: #131313;
}
@media (max-width: 1023px) {
  :is(.single-investments, .editor-styles-wrapper) :is(.ms-leisure, .wp-block-group.is-style-heading-desc:has(> #h-jeszcze-wiecej-mozliwosci-wypoczynku)) {
    gap: 32px;
  }
}
@media (max-width: 600px) {
  :is(.single-investments, .editor-styles-wrapper) :is(.ms-leisure, .wp-block-group.is-style-heading-desc:has(> #h-jeszcze-wiecej-mozliwosci-wypoczynku)) {
    display: block;
    padding: 25px 0;
  }
  :is(.single-investments, .editor-styles-wrapper) :is(.ms-leisure, .wp-block-group.is-style-heading-desc:has(> #h-jeszcze-wiecej-mozliwosci-wypoczynku)) > h2 {
    margin-bottom: 15px;
    font-size: 23px;
  }
}

/* ---------- WSPÓLNE odstępy nagłówków sekcji na wszystkich inwestycjach (wzór: Aquart) ----------
   prenagłówek → nagłówek 8px, nagłówek → opis 24px, opis → zawartość sekcji 40px (desktop i mobile) */
:is(.single-investments, .editor-styles-wrapper) .page-content .is-style-gold {
  margin-bottom: 8px;
}
/* Udogodnienia: prenagłówek bez pogrubienia (w treści był <strong>) */
:is(.single-investments, .editor-styles-wrapper) .page-content .is-style-gold strong {
  font-weight: inherit;
}
/* Oferta inwestycyjna: na mobile (nagłówek nad opisem) nagłówek → opis 24px */
:is(.single-investments, .editor-styles-wrapper) .tabs-investments-block__intro {
  row-gap: 24px;
}
/* Wybierz swój apartament: nagłówek → makieta 40px */
:is(.single-investments, .editor-styles-wrapper) #apartamenty-oferta + .model-app-block {
  margin-top: 40px;
}
/* Udogodnienia: opis → karty 40px (16px marginesu opisu + 24px) */
:is(.single-investments, .editor-styles-wrapper) #udogodnienia .features-content-2-block {
  margin-top: 24px;
}
/* od 769px między kolumną z opisem a kartami jest co najmniej 32px (scalanie marginesów), więc opis dostaje 8px marginesu */
@media (min-width: 769px) {
  :is(.single-investments, .editor-styles-wrapper) #udogodnienia .wp-block-kadence-column p:last-child {
    margin-bottom: 8px;
  }
}
/* Atuty i udogodnienia Aquart: prenagłówek → zawartość delikatnie mniej (desktop 32px, mobile bez zmian 24px) */
:is(.single-investments, .editor-styles-wrapper) .is-style-gold + .features-icons-2-block {
  margin-top: 32px;
}
@media (max-width: 767px) {
  :is(.single-investments, .editor-styles-wrapper) .is-style-gold + .features-icons-2-block {
    margin-top: 24px;
  }
}
/* Postępy prac: opis → slider 40px */
:is(.single-investments, .editor-styles-wrapper) #postepy-prac .is-style-style-16 {
  margin-bottom: 40px;
}
/* Lokalizacja: opis → mapa 40px */
:is(.single-investments, .editor-styles-wrapper) #lokalizacja + .wp-block-kadence-column p:last-child {
  margin-bottom: 40px;
}
/* FAQ: nagłówek → opis 24px */
:is(.single-investments, .editor-styles-wrapper) #faq .content-title-block__title h2 {
  margin-bottom: 24px;
}
/* Budujemy odpowiedzialnie: nagłówek → opis 24px, opis → kolumny 40px */
:is(.single-investments, .editor-styles-wrapper) #budujemy-odpowiedzialnie h2 {
  margin-bottom: 24px;
}
:is(.single-investments, .editor-styles-wrapper) #budujemy-odpowiedzialnie .features-image-block {
  margin-top: 40px;
}

/* WSPÓLNE: formularz kontaktowy – przycisk „Wyślij” (wzór: Aquart), kolor z --invest-main-color */
:is(.single-investments, .editor-styles-wrapper) .fluentform .ff_submit_btn_wrapper{display:flex;justify-content:flex-end;margin-top:24px}
:is(.single-investments, .editor-styles-wrapper) .fluentform .ff-btn-submit{display:inline-flex;align-items:center;gap:16px;width:auto;height:auto;min-height:46px;padding:12px 28px !important;border:1px solid var(--invest-main-color, #bb985b) !important;border-radius:2px;background:var(--invest-main-color, #bb985b) !important;color:#fff !important;font-size:12px !important;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;box-shadow:none;transition:background-color .2s,color .2s}
:is(.single-investments, .editor-styles-wrapper) .fluentform .ff-btn-submit::before{content:none;display:none}
:is(.single-investments, .editor-styles-wrapper) .fluentform .ff-btn-submit::after{content:"";display:block;position:static;flex:none;width:18px;height:18px;margin:0;background:currentColor;border:0;transform:none;opacity:1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
:is(.single-investments, .editor-styles-wrapper) .fluentform .ff-btn-submit:is(:hover,:focus-visible){background:transparent !important;color:var(--invest-main-color, #bb985b) !important}

/* WSPÓLNE: przycisk konturowy (style-5, np. „Poznaj szczegóły oferty”) – obramowanie i strzałka w kolorze inwestycji */
:is(.single-investments, .editor-styles-wrapper) :is(.wp-block-button.is-style-style-5 .wp-block-button__link, .btn--style-5) {
  border-color: var(--invest-main-color, #bb985b);
}
:is(.single-investments, .editor-styles-wrapper) :is(.wp-block-button.is-style-style-5 .wp-block-button__link, .btn--style-5)::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--invest-main-color, #bb985b);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0.75 5.75H10.75M6.46429 10.75L10.75 5.75L6.46429 0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0.75 5.75H10.75M6.46429 10.75L10.75 5.75L6.46429 0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* WSPÓLNE: przycisk tekstowy ze strzałką (style-3, np. „Zobacz apartamenty”) – strzałka w kolorze akcentu inwestycji */
:is(.single-investments, .editor-styles-wrapper) :is(.wp-block-button.is-style-style-3 .wp-block-button__link, .btn--style-3)::after {
  content: "";
  width: 19px;
  height: 12px;
  background-color: var(--invest-accent-soft, #c8a96b);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0997 0.151451L18.5996 5.60429L18.6305 5.63257C18.7245 5.72577 18.7751 5.8457 18.7823 5.96768V6.03215C18.7751 6.15413 18.7245 6.27406 18.6305 6.36726L18.6034 6.39016L13.0997 11.8484C12.896 12.0503 12.5658 12.0503 12.3622 11.8484C12.1586 11.6464 12.1586 11.319 12.3622 11.1171L17.062 6.45583L0.521453 6.45624C0.233461 6.45624 0 6.22473 0 5.93915C0 5.65357 0.233461 5.42206 0.521453 5.42206L16.9395 5.42166L12.3622 0.882723C12.1586 0.680788 12.1586 0.353386 12.3622 0.151451C12.5658 -0.0504838 12.896 -0.0504838 13.0997 0.151451ZM18.3208 5.93871L12.7309 11.4827L18.2617 6.00002L18.2618 5.99802L18.231 5.96996L18.1994 5.93871H18.3208Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0997 0.151451L18.5996 5.60429L18.6305 5.63257C18.7245 5.72577 18.7751 5.8457 18.7823 5.96768V6.03215C18.7751 6.15413 18.7245 6.27406 18.6305 6.36726L18.6034 6.39016L13.0997 11.8484C12.896 12.0503 12.5658 12.0503 12.3622 11.8484C12.1586 11.6464 12.1586 11.319 12.3622 11.1171L17.062 6.45583L0.521453 6.45624C0.233461 6.45624 0 6.22473 0 5.93915C0 5.65357 0.233461 5.42206 0.521453 5.42206L16.9395 5.42166L12.3622 0.882723C12.1586 0.680788 12.1586 0.353386 12.3622 0.151451C12.5658 -0.0504838 12.896 -0.0504838 13.0997 0.151451ZM18.3208 5.93871L12.7309 11.4827L18.2617 6.00002L18.2618 5.99802L18.231 5.96996L18.1994 5.93871H18.3208Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* WSPÓLNE: --main-color (hovery strzałek, zamykania i elementów galerii/sliderów, popupy) = akcent inwestycji */
:is(.single-investments, .editor-styles-wrapper) {
  --main-color: var(--invest-accent-soft, #c8a96b);
}

/* WSPÓLNE: ostre ikony SVG
   Przyczyna rozmycia: ikony mają viewBox 64×64, a wyświetlane były w 22,5 / 40 / 65 px – linie skalowały się
   do ułamków piksela (np. 0,35–0,7 px w Hero), przez co wyglądały na rozmyte.
   - grubość linii liczona w pikselach ekranu (non-scaling-stroke), niezależnie od skali ikony,
   - rozmiary ikon w pełnych pikselach (Hero 24 px, Atuty 64 px = skala 1:1). */
:is(.single-investments, .editor-styles-wrapper) .icon svg :is(path, circle, rect, line, polyline, polygon, ellipse) {
  vector-effect: non-scaling-stroke;
}
:is(.single-investments, .editor-styles-wrapper) .icon svg {
  shape-rendering: geometricPrecision;
}
/* Hero: 24 px (zamiast 22,5 px) */
:is(.single-investments, .editor-styles-wrapper) .hero-invest-block__feature-icon {
  flex-basis: 24px;
  width: 24px;
  height: 24px;
}
/* Atuty i udogodnienia: 64 px = 1:1 z viewBox (zamiast 65 px) */
:is(.single-investments, .editor-styles-wrapper) .features-icons-2-block__item-icon svg {
  width: 64px;
  height: 64px;
}
/* Kafelki udogodnień (40 px, białe na tle): linia 1,5 px */
:is(.single-investments, .editor-styles-wrapper) .features-content-2-block__feature-icon svg :is(path, circle, rect, line, polyline, polygon, ellipse) {
  stroke-width: 1.5px;
}

/* WSPÓLNE: Hero – lista cech. Ikona wyrównana do pierwszej linii tekstu (nie do środka całego opisu),
   stała szerokość ikony 24 px (wcześniej ikony się zwężały i teksty zaczynały się w różnych miejscach). */
:is(.single-investments, .editor-styles-wrapper) .hero-invest-block__feature {
  --hero-feature-lh: 1.3125em;
  align-items: flex-start;
}
:is(.single-investments, .editor-styles-wrapper) .hero-invest-block__feature-name {
  line-height: var(--hero-feature-lh);
}
:is(.single-investments, .editor-styles-wrapper) .hero-invest-block__feature-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-top: calc((var(--hero-feature-lh) - 24px) / 2);
}