/* =====================================================================
   bemowo — poprawki spójności graficznej (2026-08-08)
   1) logo tekstowe w nagłówku   2) marka w stopce
   3) pas logotypów marek        4) ikony sekcji pytań
   5) strzałki akordeonów        6) mapa dojazdu
   ===================================================================== */

/* — 1. logo tekstowe w nagłówku — */
#sp-header .logo a {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.25;
  color: #fff;
  text-decoration: none;
  letter-spacing: .2px;
  display: inline-block;
}
#sp-header .logo a::after { content: '.'; color: #e2542f; font-weight: 700; }
#sp-header .logo a:hover { color: #fff; opacity: .92; }
#sp-menu { min-width: 0; }
#sp-header .container-inner > .row { flex-wrap: nowrap; }
@media (min-width: 992px) {
  #sp-menu .sp-megamenu-parent > li > a { padding: 0 11px; }
}
@media (max-width: 991px) {
  #sp-header .logo a { font-size: 17px; }
}

/* — 2. marka w stopce — */
.stopka-marka {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  margin: 0 0 16px;
}
.stopka-marka::after { content: '.'; color: #e2542f; font-weight: 700; }

/* — 3. pas logotypów marek: sześć równych kafli w jednym rzędzie — */
.clients-wrapper > .sppb-addon-wrapper {
  flex: 0 0 15.9% !important;
  max-width: 15.9% !important;
  width: auto !important;
}
.clients-wrapper .sppb-addon-single-image-container img { max-width: 100%; height: auto; }
@media (max-width: 767px) {
  .clients-wrapper > .sppb-addon-wrapper { flex: 0 0 48% !important; max-width: 48% !important; }
}

/* — 4. ikony sekcji pytań: stała wielkość zamiast rozciągania do karty — */
img[src*="/pytanie-"] {
  width: 110px !important;
  height: 110px !important;
  display: block;
  margin: 28px auto;
}

/* — 5. akordeony: tytuł nie wchodzi pod strzałkę (strzałka jest absolute, right:15px) — */
.sppb-panel-heading { position: relative; }
.sppb-panel-heading .sppb-panel-title { display: block; padding-right: 48px; }

/* — 6. mapa dojazdu: bez wyjeżdżania poza prawą krawędź — */
#section-id-sekcja-dojezdzamy .sppb-addon-wrapper { margin-right: 0 !important; }
#section-id-sekcja-dojezdzamy img { max-width: 100% !important; height: auto; }

/* =====================================================================
   Pakiet B+C — rytm, typografia, detale (2026-08-08, tura wyglądu)
   ===================================================================== */

/* — C1. hierarchia nagłówków: Poppins 500 zamiast 400 — */
h1, h2, h3, h4 { font-weight: 500; }

/* — C2. ikona sekcji marek: blok nad nagłówkiem zamiast pływaka z lewej — */
#section-id-sekcja-marki .pull-left { float: none; display: block; margin-bottom: 14px; }
#section-id-sekcja-marki .sppb-media-content { margin-left: 0; padding-left: 0; }

/* — C3. karty pytań: jeden kafel zamiast chip + osobna płytka —
   Promienie ze skali z 07.08: 8 px karty artykułów, 16 px kafelki, 100 px przyciski.
   Karta pytania to kafelek → 16 px. Piktogram osadzony w niej → 8 px, czyli
   zaokrąglenie wewnętrzne mniejsze od zewnętrznego. Było 12 px w obu miejscach —
   wartość spoza skali, wprowadzona 08.08 bez decyzji (S5 audytu z 12.08). */
.addon-root-person .sppb-addon-content { background: #f6f7fa; border-radius: 16px; overflow: hidden; }
.addon-root-person .sppb-person-image { padding: 26px 25px 0; }
.addon-root-person img[src*="/pytanie-"] {
  width: 88px !important; height: 88px !important;
  margin: 0 !important; border-radius: 8px !important; display: block;
}
.addon-root-person .sppb-person-information { background: transparent; }

/* — C4. ilustracja w „Najszybciej załatwisz to telefonicznie": pionowe wyśrodkowanie — */
#section-id-sekcja-telefon .sppb-column-addons { display: flex; flex-direction: column; justify-content: center; height: 100%; }

/* — B1 SKASOWANE 12.08.2026. Stały tu trzy reguły `margin-top: -48px` z 08.08,
   które NIGDY NIE DZIAŁAŁY: SP Page Builder wypisuje w treści strony blok <style>
   z regułą `#section-id-… { margin-top:0px }` o tym samym ciężarze selektora, a styl
   osadzony idzie po arkuszu i wygrywa. Zmierzone: getComputedStyle dawało 0px na
   wszystkich trzech sekcjach. Z trzech granic tylko jedna była faktycznie rozstrzelona
   (169 px) — przycięta tam, gdzie odstęp mieszka, czyli w polu `padding` sekcji
   „Trzy sposoby". Patrz WIEDZA-TECHNICZNA.md, punkt 4. — */

/* — A: logotypy marek w skali szarości, kolor wraca na najechanie — */
.clients-wrapper img { filter: grayscale(1); opacity: .62; transition: filter .2s, opacity .2s; }
.clients-wrapper .sppb-addon-wrapper:hover img { filter: none; opacity: 1; }

/* — RWD: przełącznik „Dla domu / Dla firmy" nachodził na nagłówek poniżej 1200 px — */
@media (max-width: 1199px) {
  #section-id-sekcja-trzy-sposoby .sppb-nav-modern {
    position: static !important;
    top: auto !important;
    width: max-content;
    margin: 0 auto 24px;
  }
  #section-id-sekcja-trzy-sposoby .sppb-nav-modern li { white-space: nowrap; }
}

/* — Sekcja ERP: ilustracja pionowo wyśrodkowana w wysokiej kolumnie tekstu —
   ten sam wzorzec co C4; kolumna tekstu jest wyższa, więc jej to nie rusza. */
#section-id-sekcja-erp .sppb-column-addons { display: flex; flex-direction: column; justify-content: center; height: 100%; }

/* — Ikony list odnośników: czerń rgba(0,0,0,.7) nie należy do palety z 07.08 —
   dotyczy sekcji ERP i „Dojeżdżamy na Bemowo"; lista w stopce zostaje biała,
   bo stoi na ciemnym tle. */
#section-id-sekcja-erp .addon-root-navigation a i,
#section-id-sekcja-dojezdzamy .addon-root-navigation a i { color: #3b6675; }

/* — Sekcja ERP: pełna lista programów jako siatka kart, nie dwa łamy tekstu —
   ZMIANA 13.08.2026: `column-count: 2` z 08.08 nadal czytało się jak ściana —
   sam podział na łamy nie robił z tekstu kart. Każdy `<p>` to już jeden blok
   producenta (nazwa + produkty), więc bez zmiany HTML-a wystarczy zrobić
   z każdego kartę: siatka `auto-fit`, tło i promień ze skali z 07.08 (16 px). */
#section-id-sekcja-erp-lista .lista-programow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 22px 24px;
}
#section-id-sekcja-erp-lista .lista-programow p {
  background: #f6f7fa;
  border-radius: 16px;
  padding: 22px 24px;
  margin: 0 !important;
}
#section-id-sekcja-erp-lista .lista-programow p strong:first-child {
  display: block;
  font-size: 17px;
  color: #c8431f;
  margin-bottom: 8px;
}

/* — Sekcja poleasingowa: karty modułu ceneo do palety z 07.08 —
   moduł przyszedł z własnymi barwami (czerwień #dc2626, błękit #2563eb, szary #1f2937),
   których na tej witrynie nie ma nigdzie indziej. */
#section-id-sekcja-poleasing .ceneo-local-card__badge { background: #c8431f; }
#section-id-sekcja-poleasing .ceneo-local-card__price { color: #15252b; }
#section-id-sekcja-poleasing .ceneo-local-card__name  { color: #15252b; }
#section-id-sekcja-poleasing .ceneo-local-loadmore__btn {
  background: #c8431f; border-color: #c8431f; color: #fff;
}
#section-id-sekcja-poleasing .ceneo-local-loadmore__btn:hover { background: #e2542f; border-color: #e2542f; }

/* — Przyciski: koniec z wielkimi literami w środku zdania —
   Investa to szablon anglojęzyczny i wymusza `capitalize` na wszystkich przyciskach.
   W angielskim to poprawny Title Case, po polsku błąd: „Umów Wizytę”, „Zobacz Cały Sklep”.
   Zmierzone 2026-08-08: dotyczyło 13 z 13 przycisków na stronie głównej. */
.sppb-btn,
.sppb-btn-default,
a.sppb-btn { text-transform: none; }

/* =====================================================================
   obrazy artykułów: rezerwacja miejsca — 2026-08-09
   Powód: znacznik <img> nie ma atrybutów width/height, więc przeglądarka
   nie zna proporcji przed pobraniem pliku i treść pod obrazem podskakuje.
   CSS nie doda tych atrybutów — aspect-ratio daje ten sam skutek.
   ===================================================================== */

.article-media-wrapper .article-full-image img,
.related-article-list .article-full-image img {
    display: block;
    width: 100%;
    height: auto;
    background: #eceef1;   /* szare tło zamiast białej dziury przed pobraniem */
}

/* — nagłówek artykułu: proporcje dokładnie takie jak plik, bez kadrowania — */
.article-media-wrapper .article-full-image img[src*="hero-01-laptop-rozlozony"] { aspect-ratio: 1000 / 750; }
.article-media-wrapper .article-full-image img[src*="hero-02-komputer-obudowa"] { aspect-ratio: 1000 / 750; }
.article-media-wrapper .article-full-image img[src*="hero-03-wkretaki-precyzyjne"] { aspect-ratio: 1000 / 750; }
.article-media-wrapper .article-full-image img[src*="hero-04-biuro-monitory"] { aspect-ratio: 1000 / 668; }
.article-media-wrapper .article-full-image img[src*="hero-05-domowe-biurko"] { aspect-ratio: 1000 / 563; }
.article-media-wrapper .article-full-image img[src*="sekcja-warsztat-elektroniczny"] { aspect-ratio: 1000 / 667; }
.article-media-wrapper .article-full-image img[src*="sekcja-stanowisko-u-klienta"] { aspect-ratio: 1000 / 666; }
.article-media-wrapper .article-full-image img[src*="sekcja-cztery-obietnice"] { aspect-ratio: 1000 / 666; }

/* — wyjątek: zdjęcie pionowe (1000×1332) kadrowane do 3:2, żeby nie zajęło
     więcej niż ekran telefonu — */
.article-media-wrapper .article-full-image img[src*="sekcja-naprawa-plyty"] {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center 40%;
}

/* — miniatury powiązanych: wspólny kadr, trzy kafle równej wysokości
     (przed zmianą na telefonie było 460, 259 i 230 px) — */
.related-article-list .article-full-image img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

/* =====================================================================
   cele dotykowe 44 px i skala nagłówka na telefonie — 2026-08-09
   Pomiar przy 390 px: 3 przyciski po 40 px, 3 odnośniki „czytaj dalej”
   po 24 px, zamknięcie menu 26 px. Lista kontrolna wymaga min. 44 px.
   Zwykłych odnośników w akapitach nie ruszamy — to nie są sterowania.
   ===================================================================== */

@media (max-width: 991.98px) {
    /* przyciski wezwania — dotyk zamiast celowania */
    body .sppb-btn,
    body .sppb-btn-custom {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* „czytaj dalej” — powiększamy obszar dotyku, nie sam napis */
    body .sppb-readmore {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    /* zamknięcie menu bocznego */
    body .close-offcanvas {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* nagłówek bez klasy, który nie dostał skali mobilnej (40 px przy 390 px) */
    body .sppb-addon-text-block h2,
    body .sppb-addon-content > h2 {
        font-size: 26px;
        line-height: 1.25;
    }
}

/* nagłówek ze stylem w atrybucie — 2026-08-09
   style="font-size:40px" bije arkusz; przy 390 px to o połowę za dużo. */
@media (max-width: 991.98px) {
    body .sppb-addon-text-block .sppb-addon-content > h2[style] {
        font-size: 26px !important;
        line-height: 1.25 !important;
    }
}

/* =====================================================================
   ściany tekstu -> kafle, 2026-08-13
   Zgłoszenie właściciela: cztery sekcje niżej na stronie stały jako gęsty,
   niesformatowany zrzut dodatku „text_block" — bez karty, bez znaczków,
   bez ograniczenia szerokości wiersza. „Ściany tekstu popraw graficznie,
   żeby było spójnie z resztą strony." Decyzje z okna wyboru: zasady -> kafelki,
   tabela trybów -> dwie karty, lista ERP -> karta na producenta, FAQ -> akordeon
   (Konfiguracja zostaje akapitami, tylko typografia).
   ===================================================================== */

/* — „Na jakich zasadach pracujemy": dziesięć punktów jako kafelki —
   HTML zostaje ten sam (<ul><li> ze znacznikiem ✓ w <span> position:absolute),
   nadpisujemy tylko inline styl karty i pozycję znaczka. Wymaga !important:
   inline `style=""` bije zwykłą regułę z arkusza, przegrywa tylko z regułą
   !important w arkuszu (ta sama zasada co przy promieniu w S5, 12.08). */
#section-id-sekcja-zasady ul {
  gap: 20px 22px !important;
}
#section-id-sekcja-zasady ul li {
  background: #f6f7fa;
  border-radius: 16px;
  padding: 22px 24px 22px 54px !important;
  line-height: 1.55 !important;
}
#section-id-sekcja-zasady ul li span,
#section-id-sekcja-zasady ul li img {
  left: 22px !important;
  top: 22px !important;
  font-size: 17px;
}

/* — grafiki dołożone 13.08.2026 (ta sama tura, po poludniu): ikona zamiast ✓,
   ikony nad tytułem kart trybów, logotypy producentów, ilustracja Konfiguracji — */

/* Konfiguracja: reguła z ilustracją w drugiej kolumnie SKASOWANA 13.08.2026
   (ta sama tura, po południu) — właściciel poprosił o podział na trzy osobne
   moduły z własnymi ikonami zamiast jednej wspólnej ilustracji obok tekstu.
   Sekcja wróciła do jednej kolumny; reguła niżej (siatka kafli) ją zastępuje. */

/* karty trybów: ikona nad tytułem, bez dodatkowego CSS poza odstępem od pierwszego wiersza */
#section-id-sekcja-zasady .tryba-karta h3 {
  margin-top: 0;
}

/* lista programów: logotyp producenta nad nazwą, bez wymuszania jednej wysokości —
   każdy plik przyszedł z innej strony producenta i ma inne proporcje; ograniczona
   tylko wysokość (26 px), żeby żaden nie zdominował karty */
#section-id-sekcja-erp-lista .lista-programow p img {
  max-width: 100%;
}

/* — „Dwa tryby obsługi i rozliczenie": surowa tabela -> dwie karty obok siebie —
   HTML tej pozycji przebudowany skryptem narzedzia/sciany-tekstu-13-08.php
   (tabela zamieniona na <div class="tryby-siatka"><div class="tryba-karta">…),
   te same cztery wiersze i te same wartości, tylko układ. */
#section-id-sekcja-zasady .tryby-siatka {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}
#section-id-sekcja-zasady .tryba-karta {
  background: #f6f7fa;
  border-radius: 16px;
  padding: 28px 26px;
}
#section-id-sekcja-zasady .tryba-karta h3 {
  margin: 0 0 16px;
  font-size: 19px;
  color: #15252b;
}
#section-id-sekcja-zasady .tryba-karta dl {
  margin: 0;
}
#section-id-sekcja-zasady .tryba-karta dl > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #d8dcde;
}
#section-id-sekcja-zasady .tryba-karta dl > div:last-child {
  border-bottom: 0;
}
#section-id-sekcja-zasady .tryba-karta dt {
  font-weight: 600;
  color: #15252b;
}
#section-id-sekcja-zasady .tryba-karta dd {
  margin: 0;
  text-align: right;
  color: #4d6068;
}

/* — „Konfiguracja, sieci i odzyskiwanie danych": bez zmiany struktury,
   tylko typografia i odstępy (decyzja właściciela — ta sekcja zostaje akapitami).
   Zmierzone 13.08.2026: akapit szeroki na 1110 px przy 14 px czcionki, ok. 150
   znaków w wierszu — dwa razy więcej niż wygodna miara czytelnicza (75-90 zn.). */
#section-id-sekcja-konfiguracja .sppb-addon-text-block .sppb-addon-content {
  max-width: 760px;
}
#section-id-sekcja-konfiguracja .sppb-addon-text-block p {
  line-height: 1.7 !important;
  margin-bottom: 18px !important;
}
#section-id-sekcja-konfiguracja .sppb-addon-text-block p strong:first-child {
  color: #c8431f;
}

/* — Konfiguracja: trzy kategorie jako osobne moduły z ikonami — 13.08.2026 (po południu).
   Właściciel: „podziel na moduły z grafikami, każda kategoria to oddzielny moduł".
   Blok trzech kafli musi odzyskać pełną szerokość sekcji — miara czytelnicza 760 px
   wyżej jest właściwa dla wstępu, nie dla siatki trzech kolumn obok siebie. */
#section-id-sekcja-konfiguracja .sppb-addon-text-block:has(.konfig-moduly) .sppb-addon-content {
  max-width: none;
}
#section-id-sekcja-konfiguracja .konfig-moduly {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-top: 8px;
}
#section-id-sekcja-konfiguracja .konfig-modul {
  background: #f6f7fa;
  border-radius: 16px;
  padding: 28px 26px;
}
#section-id-sekcja-konfiguracja .konfig-modul h3 {
  margin: 0 0 14px;
  font-size: 19px;
  color: #15252b;
}
#section-id-sekcja-konfiguracja .konfig-modul p {
  max-width: none;
}
#section-id-sekcja-konfiguracja .konfig-modul p:last-child {
  margin-bottom: 0 !important;
}

/* — „Najczęstsze pytania": płaski tekst -> akordeon (dodatek przebudowany
   skryptem, ten sam wzorzec co akordeon „Jak zamówić wizytę" wyżej na stronie,
   więc strzałka i nagłówek panelu są już spójne bez dodatkowego CSS).
   Panel bierze tu pełną szerokość sekcji (bez towarzyszącej ilustracji jak
   przy „Jak zamówić wizytę"), więc dostaje tę samą miarę czytelniczą 760 px
   co sekcja konfiguracyjna wyżej. */
#section-id-sekcja-faq .sppb-panel-body {
  max-width: 760px;
}

/* =====================================================================
   „Cztery rzeczy, za które nie płacisz": ilustracja znika na telefonie —
   2026-08-13 (późnym wieczorem), zgłoszenie „obrazek nie jest responsywny"
   + „duży niepotrzebny odstęp".
   ===================================================================== */

/* Kolumna z tłem `ilustracja-obietnice.svg` (dodatek bez treści, sam obraz
   przez background-image + background-size:contain — poprawione rano
   z „cover", żeby nie obcinać ikon, patrz PLAN.md). Na desktopie kolumna
   dostaje wysokość przez `height:100%` dopasowaną do wyższej sąsiadującej
   kolumny tekstu — działa poprawnie. Na telefonie kolumny się rozkładają
   jedna pod drugą i nic już nie "pożycza" wysokości od sąsiada, więc
   zostaje goły padding z pól ustawień: 150 px (sm) / 130 px (xs) góra+dół,
   czyli 260-300 px pustej wysokości wokół obrazu, który przy tych
   proporcjach (1000×1400, portret) i tak wypełnia tylko ok. połowę
   szerokości kolumny — reszta to martwe, jasnoszare pole.

   Obraz jest czysto ozdobny i powtarza to, co i tak stoi w tekście obok
   (Odbiór i zwrot sprzętu / Diagnoza laptopa / Laptop zastępczy / Dojazd),
   więc zamiast szukać wysokości, przy której "ładnie wypełni pudełko",
   kolumna znika na telefonie — ten sam zabieg co już jest na tej stronie
   dla tła slajdera (`wlasny-css.php`, „Na małych ekranach slajd zostaje
   samym tekstem"). Zmierzone przed poprawką: 260 px pustej wysokości
   na 390 px szerokości ekranu. */
@media (max-width: 767.98px) {
  #column-wrap-id-1689239208665 {
    display: none;
  }
}

/* =====================================================================
   „Dlaczego powinieneś nas wybrać" — nowa sekcja 14.08.2026, pierwszy
   pełny moduł treści na stronie (zaraz po pasku faktów, przed „Na jakich
   zasadach pracujemy"). Duże karty, styl inspirowany „kaflami usług"
   (Trzy sposoby) — ikona 48 px zamiast 100 px i bez rozbudowanej listy
   cech, żeby osiem kart mieściło się czytelnie w siatce.
   ===================================================================== */
#section-id-sekcja-dlaczego-my .wybor-siatka {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
}
#section-id-sekcja-dlaczego-my .wybor-karta {
  background: #f6f7fa;
  border-radius: 16px;
  padding: 32px 26px;
}
#section-id-sekcja-dlaczego-my .wybor-karta img {
  width: 48px;
  height: 48px;
  display: block;
  margin-bottom: 18px;
}
#section-id-sekcja-dlaczego-my .wybor-karta h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  color: #15252b;
}
#section-id-sekcja-dlaczego-my .wybor-karta p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #4d6068;
}

/* =====================================================================
   Naprawa ikon akordeonu i separatora w stopce — 2026-08-15
   Zgłoszenie właściciela: strzałki akordeonu („Jak zamawiamy" i FAQ) się
   nie wyświetlają, w stopce niestetyczna pozioma linia.
   ===================================================================== */

/* — strzałka akordeonu w stylu FAQ Investy (klasa `investa-faq-style`,
   nadawana też sekcji „Jak zamawiamy") — template.css czyści glif strzałki
   (`content:""`) i wskazuje nieistniejącą już wersję czcionki
   ("Font Awesome 5 Free" — strona ma załadowaną Font Awesome 6). Efekt:
   brak strzałki przy każdym kroku/pytaniu w obu akordeonach strony głównej.
   Zmierzone: getComputedStyle(::before).content było puste "" na
   wszystkich 12 nagłówkach paneli (2× 4 kroki + 1× 4 FAQ). Przywracamy
   właściwy kod znaku (\f054 = chevron-right, FA6 solid) i właściwą
   rodzinę/wagę czcionki — obrót przy otwarciu (90°→270°) zostaje z
   template.css, nietknięty. */
.investa-faq-style .fa-chevron-right::before {
  content: "\f054" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* — separator w stopce: template.css rysuje 1px linię na sztywnym
   `top:200px` wewnątrz #sp-bottom (position:relative), licząc na
   wysokość treści demo. Po podmianie na własny nagłówek + dłuższy opis
   linia (rgb(118,133,137)) przecina środek akapitu opisu zamiast
   oddzielać wiersze. Zmierzone: #sp-bottom.top + 200px = 16932px, akapit
   opisu 16891–17003px — linia trafia w jego środek. Usunięta na życzenie
   właściciela (okno wyboru) zamiast przeliczana na trzech szerokościach. */
#sp-bottom::after {
  display: none !important;
}


/* — puste zakładki sprzętu poleasingowego (20.08.2026).
   Gdy kanał sklepu nie ma w danej kategorii żadnej pozycji, moduł drukuje
   .ceneo-local-empty. Chowamy wtedy nie tylko moduł, ale i jego nagłówek,
   żeby na stronie nie zostawał sam napis „Laptopy" nad pustym miejscem.
   Sekcja zwija się sama i sama wraca, gdy sprzęt pojawi się w kanale —
   bez ręcznego włączania po przerwie urlopowej. Opis sklepu i odnośnik
   „Zobacz cały sklep" zostają, bo są prawdziwe niezależnie od stanu magazynu. */
#sppb-addon-wrapper-poleasing-mod-laptopy:has(.ceneo-local-empty),
#sppb-addon-wrapper-poleasing-mod-komputery:has(.ceneo-local-empty),
#sppb-addon-wrapper-poleasing-mod-monitory:has(.ceneo-local-empty),
#sppb-addon-wrapper-poleasing-tyt-laptopy:has(+ #sppb-addon-wrapper-poleasing-mod-laptopy .ceneo-local-empty),
#sppb-addon-wrapper-poleasing-tyt-komputery:has(+ #sppb-addon-wrapper-poleasing-mod-komputery .ceneo-local-empty),
#sppb-addon-wrapper-poleasing-tyt-monitory:has(+ #sppb-addon-wrapper-poleasing-mod-monitory .ceneo-local-empty) {
  display: none !important;
}