/*
 * Plugin Isle — consolidated custom CSS
 * Built from generated/pi_sheet*.css (excluding pi_sheet37kopia.css).
 * All original priority flag flags were removed.
 * Rules that originally used priority flag receive a specificity-only fallback
 * using non-matching :not(#pi-priority-*) selectors, so the cascade remains
 * as close as possible without priority flag.
 *
 * IMPORTANT: load this file AFTER the Hummingbird/theme/module CSS and disable
 * the individual pi_sheet*.css files to avoid duplicate rules.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap");

/* ==========================================================================
   SOURCE: pi_sheet30.css
   ========================================================================== */
:root {
  --versionFlagBorderWidth: 3px;
}


.product-manufacturer img {
  max-width: 150px;
}


/* Hummingbird / PS9: nowe klasy flag */
.my_flag_Wersja,
.my_flag_WersjaWooCommerce {
  margin-top: auto;
  margin-bottom: 0;
  opacity: 1;
  background: transparent;
  width: auto;
  max-width: fit-content;
  padding: 5px;
}
.my_flag_Wersja:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.my_flag_WersjaWooCommerce:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-top: auto;
  margin-bottom: 0;
  opacity: 1;
  background: transparent;
  width: auto;
  max-width: fit-content;
  padding: 5px;
}


.versionFlagWoo,
.versionFlagPresta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.versionFlagWoo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.versionFlagPresta:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}


.versionFlagWoo .versionContent,
.versionFlagPresta .versionContent {
  font-size: 12px;
  font-weight: 500;
  min-width: max-content;
  background: #fff;
  color: #000;
  border-radius: 0 4px 4px 0;
}
.versionFlagWoo .versionContent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.versionFlagPresta .versionContent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-size: 12px;
  font-weight: 500;
  min-width: max-content;
  background: #fff;
  color: #000;
  border-radius: 0 4px 4px 0;
}


.versionFlagWoo .versionContent {
  z-index: 8;
  margin-top: -3px;
  margin-left: -3px;
  padding: 2px 7px 0 3px;
  border: solid #bc75b1;
  border-width: var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) 3px;
}
.versionFlagWoo .versionContent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  padding: 2px 7px 0 3px;
  border: solid #bc75b1;
  border-width: var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) 3px;
}


.versionFlagPresta .versionContent {
  margin-left: -5px;
  padding: 3px 7px;
  border: solid #a0dbea;
  border-width: var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) 0;
}
.versionFlagPresta .versionContent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-left: -5px;
  padding: 3px 7px;
  border: solid #a0dbea;
  border-width: var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) var(--versionFlagBorderWidth) 0;
}


.versionFlagWoo img,
.versionFlagPresta img {
  z-index: 2;
}
.versionFlagWoo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.versionFlagPresta img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  z-index: 2;
}


/* kontener flag w Hummingbird */
.product-flags,
.js-product-flags {
  height: 100%;
  justify-content: space-between;
}
.product-flags:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.js-product-flags:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  height: 100%;
  justify-content: space-between;
}


.product-flags li,
.js-product-flags li,
.product-flag,
.badge[class*="my_flag"] {
  padding: 5px;
}
.product-flags li:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.js-product-flags li:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.product-flag:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.badge[class*="my_flag"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  padding: 5px;
}


/* flaga NEW */
.product-flags__flag--new,
.product-flag.new,
.badge.new {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    min-width: 0;
    height: auto;

    padding: 10px;

    background-color: #fff;

    color: #086cff;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    border: 0;
    border-radius: 999px;

    box-shadow: none;
}
.product-flags__flag--new:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.product-flag.new:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.badge.new:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 10px;
  background-color: #fff;
  color: #086cff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  border: 0;
  border-radius: 999px;
  box-shadow: none;
}


.versionFlagPresta img,
.versionFlagWoo img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    flex-shrink: 0;
}
.versionFlagPresta img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.versionFlagWoo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 36px;
  height: 36px;
  object-fit: contain;
}



.product-flags li:empty,
.js-product-flags li:empty,
.product-flags li.badge:empty,
.js-product-flags li.badge:empty {
  display: none;
}
.product-flags li:empty:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.js-product-flags li:empty:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.product-flags li.badge:empty:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.js-product-flags li.badge:empty:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


.product-flags li.my_flag_Wersja,
.product-flags li.my_flag_WersjaWooCommerce {
  background: none;
  background-color: transparent;
  padding: 0;
}
.product-flags li.my_flag_Wersja:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.product-flags li.my_flag_WersjaWooCommerce:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: none;
  background-color: transparent;
  padding: 0;
}

/* ==========================================================================
   SOURCE: pi_sheet36.css
   ========================================================================== */
/* ==========================================================================
   1. SIATKA I KONTENERY
   ========================================================================== */
.cms-id-2 #content.page-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 0;
    list-style: none;
    justify-content: center;
    margin-top: 40px;
}


.cms-id-2 #content.page-content li {
    flex: 1 1 calc(33.33% - 25px);
    min-width: 320px;
    display: flex;
}


/* ==========================================================================
   2. KAFELEK (RODZIC)
   ========================================================================== */
.cms-id-2 #content.page-content li a {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px 30px 100px 30px; /* Duży margines na dole (100px) na przycisk */
    background: #ffffff;
    border-radius: 20px;
    text-decoration: none;
    color: #0b69f6;
    font-weight: 700;
    font-size: 1.3rem;
    transition: all 0.3s ease-in-out;
    position: relative; /* Potrzebne do absolutnego pozycjonowania przycisku */
}
 

/* ==========================================================================
   3. OPIS (::after)
   ========================================================================== */
.cms-id-2 #content.page-content li a::after {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-top: auto; 
    padding-top: 20px;
    border-top: 1px solid #f0f2f5;
    font-size: 0.95rem;
    font-weight: 400;
    color: #000;
    line-height: 1.6;
    white-space: pre-wrap;
    transition: all 0.3s ease-in-out;
    min-height: 5em; 
}


/* Dynamiczne treści opisów w zależności od adresu URL */
.cms-id-2 #content.page-content li a[href*="12-"]::after { content: "Zadbaj o bezpieczeństwo swojego sklepu. Instalujemy poprawki i dbamy o stabilność silnika."; }

.cms-id-2 #content.page-content li a[href*="13-"]::after { content: "Potrzebujesz nietypowych rozwiązań? Nasz programista jest do Twojej dyspozycji na godziny."; }

.cms-id-2 #content.page-content li a[href*="14-"]::after { content: "Planujesz nowy projekt? Przygotujemy dla Ciebie darmową wycenę i plan wdrożenia."; }

.cms-id-2 #content.page-content li a[href*="15-"]::after { content: "Tworzymy moduły dopasowane do Twoich potrzeb. Dokładnie tak, jak tego oczekujesz."; }

.cms-id-2 #content.page-content li a[href*="16-"]::after { content: "Od pomysłu po gotowy sklep. Tworzymy nowoczesne sklepy PrestaShop dopasowane do Twojej branży."; }

.cms-id-2 #content.page-content li a[href*="17-"]::after { content: "Dodaj nowe funkcje, popraw wydajność i wygląd sklepu. Rozwijamy Twój biznes razem z Twoim sklepem."; }

.cms-id-2 #content.page-content li a[href*="18-"]::after { content: "Przenosimy sklepy na PrestaShop bezpiecznie i bez utraty danych. Zachowujemy SEO i historię zamówień."; }

.cms-id-2 #content.page-content li a[href*="19-"]::after { content: "Łączymy PrestaShop z ERP, hurtowniami, kurierami, płatnościami i innymi systemami."; }

.cms-id-2 #content.page-content li a[href*="20-"]::after { content: "Poprawiamy widoczność sklepu w Google. Optymalizujemy technicznie, strukturalnie i treściowo."; }


/* ==========================================================================
   4. PRZYCISK (::before)
   ========================================================================== */
.cms-id-2 #content.page-content li a::before {
    content: "ZOBACZ SZCZEGÓŁY";
    position: absolute;
    bottom: 35px; 
    display: inline-block;
    padding: 10px 22px;
    background-color: transparent;
    border: 1px solid #0b69f6;
    color: #0b69f6;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out;
}


/* ==========================================================================
   5. SYNCHRONIZACJA EFEKTU HOVER (Zachowanie kaskady)
   ========================================================================== */

/* Efekt najechania na kafelek */
.cms-id-2 #content.page-content li a:hover {
    background-color: #0b69f6;
    border-color: #0b69f6;
    color: #ffffff;
    box-shadow: 0 15px 30px rgba(0, 79, 132, 0.25);
}


/* Zmiana wyglądu opisu pod wpływem hoveru na rodzica */
.cms-id-2 #content.page-content li a:hover::after {
    color: #ffffff;
    border-top-color: rgba(255, 255, 255, 0.2);
}


/* Zmiana wyglądu przycisku pod wpływem hoveru na rodzica */
.cms-id-2 #content.page-content li a:hover::before {
    background-color: #ffffff;
    color: #0b69f6;
    border-color: #ffffff;
}

/* ==========================================================================
   SOURCE: pi_sheet37.css
   ========================================================================== */
/* ==========================================================================
   1. GLOBALNE / TYPOGRAFIA (Zwiększona specyficzność przez body)
   ========================================================================== */
   

   
body, 
body p, 
body span, 
body li, 
body input, 
body textarea, 
body select, 
body button {
    font-family: "Inter", sans-serif;
}
body:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body li:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body textarea:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body select:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Inter", sans-serif;
}


body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6,
body .title, body .page-title, body .blog-tag,
body .featured-products__title, body .product-miniature__title {
    font-family: "Syne", sans-serif;
    font-weight: 700;
}
body h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body h2:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body h3:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body h4:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body h5:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body h6:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .h2:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .h3:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .h4:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .h5:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .h6:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .page-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .blog-tag:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .featured-products__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .product-miniature__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body h2, body .h2 {
    font-family: "Syne", sans-serif;
    font-weight: 700;
    font-size: 42px;
}
body h2:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body .h2:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.featured-products-title__accent {
    font-family: "Syne", sans-serif;
    display: block;
    color: #006CFF;
}
.featured-products-title__accent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.featured-products-title__line {
    font-family: "Syne", sans-serif;
    display: block;
}
.featured-products-title__line:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body material-icons,
body .material-symbols-outlined {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
}


body {
    overflow-y: scroll;
    overflow-x: hidden;
}


/* ==========================================================================
   2. UKŁAD / KONTENERY
   ========================================================================== */
.l-main {
    overflow-x: hidden;
}


#ph_simpleblog,
.cards-section-wrapper {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}


@media (min-width: 768px) {
  
      body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl {
        max-width: 1400px;
    }
  
}


/* ==========================================================================
   3. HERO / SLIDER (.pi- prefixes zapewniają unikalność)
   ========================================================================== */
.pi-banner {
    margin-top: 0;
    padding-top: 0;
}


/*body .pi-slider {*/
/*    width: 100vw;*/
/*    margin-left: calc(50% - 50vw);*/
/*    margin-right: calc(50% - 50vw);*/
/*    position: relative;*/
/*    background: #f7f8fa;*/
/*    border-radius: 0;*/
/*    overflow: hidden;*/
/*    padding: 80px 70px;*/
/*}*/

/*.pi-slider::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: url('/img/cms/background.png') center center / cover no-repeat;*/
/*    opacity: .25;*/
/*    z-index: 0;*/
/*}*/

body .pi-slider__content {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 70px;
    align-items: center;
    z-index: 5;
    max-width: 1400px;
    margin: 0 auto;
}


body .pi-slider__right {
    display: flex;
    justify-content: center;
    align-items: center;
}


body .pi-pirate-img {
    max-width: 390px;
    width: 100%;
    height: auto;
    display: block;
}


body .pi-slider h1 {
    font-family: "Syne", sans-serif;
    font-size: 70px;
    line-height: .92;
    font-weight: 700;
}


body .pi-slider h1 span {
    font-family: "Syne", sans-serif;
    color: #64A1F4;
}
body .pi-slider h1 span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.pi-slider__eyebrow {
    color: #006CFF;
    text-transform: uppercase;
}


body .pi-slider__cta {
    display: flex;
    gap: 16px;
    margin: 30px 0;
}


.pi-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 48px;
    padding: 0 22px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}


.pi-btn--primary {
    background: #005A9C;
    color: #fff;
    border: 1px solid #005A9C;
}


body .pi-btn--outline {
    background: transparent;
    color: #005A9C;
    border: 1px solid #005A9C;
}


.pi-btn:hover {
    background: #acd6f2;
    color: #000;
}


.pi-platforms {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 40px;
}


.pi-platforms img {
    height: 36px;
    width: auto;
    object-fit: contain;
}



/* ==========================================================================
   5. SEKCCJA KART Z IKONAMI (.cards-icons-section)
   ========================================================================== */
/* ==========================================================================
   SEKCJA USŁUG
   ========================================================================== */

.pi-services {
    position: relative;

    width: 100%;
    max-width: 1400px;

    margin: 80px auto;
    padding: 72px 0 82px;

    background: #fff;

    box-sizing: border-box;
    overflow: hidden;
}


.pi-services__inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1400px;

    margin: 0;
}



/* ==========================================================================
   DEKORACJE
   ========================================================================== */

.pi-services__decoration {
    position: absolute;
    z-index: 1;

    display: block;
    height: auto;

    pointer-events: none;
    user-select: none;
}


.pi-services__decoration--left {
    top: 45px;
    left: 42px;

    width: 150px;
}


.pi-services__decoration--right {
    top: 25px;
    right: 36px;

    width: 330px;
}



/* ==========================================================================
   NAGŁÓWEK
   ========================================================================== */

.pi-services__header {
    margin: 115px 0 68px;
}


.pi-services__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    margin: 0;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: clamp(42px, 4vw, 62px);
    font-weight: 600;
    line-height: .96;
    letter-spacing: -.04em;

    color: #292929;
    text-align: left;
}
.pi-services__heading:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.pi-services__heading span {
    display: block;
    font-family: "Syne", sans-serif;
}
.pi-services__heading span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.pi-services__heading strong {
    font-weight: inherit;
    color: #006cff;
    font-family: "Syne", sans-serif;
}
.pi-services__heading strong:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}



/* ==========================================================================
   SIATKA
   ========================================================================== */

.pi-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 68px;
    row-gap: 64px;

    width: 100%;
}



/* ==========================================================================
   POJEDYNCZA USŁUGA
   ========================================================================== */

.pi-service {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);

    column-gap: 18px;

    min-width: 0;
    margin: 0;
    padding: 0;
}


.pi-service__icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;

    width: 46px;
    height: 46px;
}


.pi-service__icon img {
    display: block;

    width: 44px;
    height: 44px;

    object-fit: contain;
}


.pi-service__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
    height: 100%;
}


.pi-service__title {
    margin: 0 0 14px;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: clamp(21px, 1.65vw, 27px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.025em;

    color: #006cff;
}


.pi-service__description {
    margin: 0 0 18px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;

    color: #303030;
}


.pi-service__link {
    display: inline-block;

    margin-top: auto;
    padding-bottom: 3px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;

    color: #64a1f4;
    text-decoration: none;

    border-bottom: 1px solid rgba(100, 161, 244, .75);

    transition: color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.pi-service__link:hover,
.pi-service__link:focus-visible {
    color: #006cff;
    border-color: #006cff;

    transform: translateX(3px);
}



/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1199px) {
  

      .pi-services {
        margin: 60px auto;
        padding: 62px 34px 66px;
    }
  

      .pi-services__decoration--left {
        top: 35px;
        left: 26px;

        width: 120px;
    }
  

      .pi-services__decoration--right {
        top: 20px;
        right: 20px;

        width: 245px;
    }
  

      .pi-services__header {
        margin-top: 100px;
        margin-bottom: 54px;
    }
  

      .pi-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 52px;
        row-gap: 52px;
    }
  
}



/* ==========================================================================
   TELEFON
   ========================================================================== */

@media (max-width: 767px) {
  

      .pi-services {
        margin: 45px auto;
        padding: 40px 18px 48px;
    }
  

      .pi-services__decoration--left {
        top: 20px;
        left: 12px;

        width: 78px;
    }
  

      .pi-services__decoration--right {
        top: 15px;
        right: 8px;

        width: 142px;
    }
  

      .pi-services__header {
        margin-top: 105px;
        margin-bottom: 40px;
    }
  

      .pi-services__heading {
        font-size: clamp(36px, 10.5vw, 50px);
        line-height: .98;
    }
  

      .pi-services__grid {
        grid-template-columns: 1fr;
        row-gap: 42px;
    }
  

      .pi-service {
        grid-template-columns: 42px minmax(0, 1fr);
        column-gap: 15px;
    }
  

      .pi-service__icon {
        width: 42px;
        height: 42px;
    }
  

      .pi-service__icon img {
        width: 40px;
        height: 40px;
    }
  

      .pi-service__title {
        font-size: 21px;
    }
  

      .pi-service__description {
        font-size: 15px;
    }
  
}


/* ==========================================================================
   6. PRODUKTY / SKLEP
   ========================================================================== */
.cart-grid {
    gap: 16px;
}


.cart-grid .card-body:last-child {
    text-align: center;
}

   
.cart-grid .card-header {
    background-color: #306487;
    transition: 0.3s;
}


body .product__description,
body .product__description .rich-text,
body .product__extra-accordion,
body .product__extra-accordion .accordion-item,
body .product__extra-accordion .accordion-body {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}


@media (min-width: 992px) {
  
      body .page-product .product__bottom {
        display: block;
        grid-template-columns: none;
    }
  

      body .page-product .product__bottom-left,
    body .page-product .product__bottom-right,
    body .page-product .product__bottom-left > *,
    body .page-product .product__bottom-right > * {
        width: 100%;
        max-width: 100%;
    }
  
}


/* ==========================================================================
   PRZYCISK DODAJ DO KOSZYKA W MINIATURZE — SVG
   ========================================================================== */

.product-miniature {
    position: relative;
}


html body .product-miniature__add-to-cart {
    all: unset;

    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 30;

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

    width: 55px;
    height: 55px;

    cursor: pointer;
    border-radius: 50%;

    background: transparent;
    transition: transform .25s ease;
}


/* Ukrycie starej ikony Material Icons */
html body .product-miniature__add-to-cart .material-icons {
    display: none;
}


/* Twoja ikona SVG */
html body .product-miniature__add-to-cart::before {
    content: "";

    display: block;

    width: 55px;
    height: 55px;

    background-image: url("/themes/hummingbird/assets/img-dist/product-plus.svg");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transition: filter .25s ease,
        transform .25s ease;
}


/* Wyłączenie globalnej strzałki przycisków */
html body .product-miniature__add-to-cart::after {
    content: none;
    display: none;
}


/* Hover */
html body .product-miniature__add-to-cart:hover {
    transform: scale(1.06);
}

/* ==========================================================================
   7. BLOG
   ========================================================================== */
/* ==========================================================================
   BLOG — KARTY POZIOME
   ========================================================================== */

/*.blog-tag {*/
/*    margin-left: 7%;*/
/*}*/
body .block-categories > h2.blog-tag {
    grid-column: 1 / -1;

    margin: 0 0 10px;

    font-family: "Syne", sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.1;

    color: #222;
}


.block-categories.hidden-sm-down,
body .block-categories {
    position: relative;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 24px;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 20px 0;
}


/* Pojedyncza karta */
body .block-categories .blog-post {
    position: relative;

    display: grid;
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    min-height: 225px;

    width: 100%;
    max-width: none;
    height: auto;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: #fff;
    border: 1px solid #edf0f4;
    border-radius: 20px;

    box-shadow: 0 10px 22px rgba(21, 36, 55, .11);
}


/* Lewa część tekstowa */
body .block-categories .blog-post .content-blog {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    height: 100%;

    padding: 22px 20px 18px;
}



/* ==========================================================================
   TYTUŁ SEKCJI BLOGA
   ========================================================================== */

body .block-categories .blog-tag {
    /* tytuł zajmuje całą szerokość grida */
    grid-column: 1 / -1;

    margin: 0 0 34px;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: clamp(42px, 4vw, 64px);
    font-weight: 600;
    line-height: .92;
    letter-spacing: -.04em;

    color: #222;
    text-align: left;
}
body .block-categories .blog-tag:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body .block-categories .blog-tag__line {
    font-family: "Syne", sans-serif;
    display: block;
}
body .block-categories .blog-tag__line:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body .block-categories .blog-tag__accent {
    color: #0b69f6;
    font-family: "Syne", sans-serif;
}
body .block-categories .blog-tag__accent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body .block-categories .blog-tag__normal {
    color: #222;
    font-family: "Syne", sans-serif;
}
body .block-categories .blog-tag__normal:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}

/* Tytuł */
body .block-categories .blog-post p.title-blog {
    display: -webkit-box;

    margin: 0 0 18px;
    padding: 18px;

    overflow: hidden;

    font-family: "Syne", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.08;

    color: #111;
    text-align: left;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}


/* Opis wpisu ukrywamy */
body .block-categories .blog-post .content-blog > p:not(.title-blog),
body .block-categories .blog-post .content-blog .blog-description {
    display: none;
}


/* Kategoria/tag */
body .block-categories .blog-post .blog-tag {
    order: 2;

    margin: auto 0 0;
    padding: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;

    color: #444;
    text-align: left;
}


/* Data */
body .block-categories .blog-post .date-blog,
body .block-categories .blog-post .blog-date,
body .block-categories .blog-post time {
    display: block;
    order: 3;

    margin-top: 3px;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;

    color: #555;
}


/* Zdjęcie po prawej */
body .block-categories .blog-post img.thumb-blog,
body .block-categories .blog-post img {
    position: static;

    grid-column: 2;
    grid-row: 1;

    width: 100%;
    height: 100%;
    min-height: 225px;

    object-fit: cover;
    object-position: center;

    transform: none;
    border-radius: 18px;
}


/* Jeżeli zdjęcie jest opakowane w link */
body .block-categories .blog-post > a:has(img),
body .block-categories .blog-post .blog-image,
body .block-categories .blog-post .thumb-container {
    position: relative;

    grid-column: 2;
    grid-row: 1;

    display: block;
    width: 100%;
    height: 100%;
    min-height: 225px;

    overflow: hidden;
    border-radius: 18px;
}


/* Strzałka na zdjęciu */
/*body .block-categories .blog-post > a:has(img)::after,*/
/*body .block-categories .blog-post .blog-image::after,*/
/*body .block-categories .blog-post .thumb-container::after {*/
/*    content: "→";*/

/*    position: absolute;*/
/*    top: 18px;*/
/*    right: 18px;*/
/*    z-index: 3;*/

/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/

/*    width: 54px;*/
/*    height: 54px;*/

/*    font-family: Arial, sans-serif;*/
/*    font-size: 29px;*/
/*    font-weight: 300;*/
/*    line-height: 1;*/

/*    color: #fff;*/
/*    background: #0b69f6;*/
/*    border-radius: 50%;*/

/*    transition:*/
/*        background-color .2s ease,*/
/*        transform .2s ease;*/
/*}*/

/*body .block-categories .blog-post > a:has(img):hover::after,*/
/*body .block-categories .blog-post .blog-image:hover::after,*/
/*body .block-categories .blog-post .thumb-container:hover::after {*/
/*    background: #2468bd;*/
/*    transform: translateX(3px);*/
/*}*/

/* Ukrycie obecnych przycisków w każdej karcie */
body .block-categories .blog-post .url-blog {
    display: none;
}


@media (max-width: 1199px) {
  
      body .block-categories {
        grid-template-columns: 1fr;
        max-width: 760px;
    }
  
}


@media (max-width: 575px) {
  
      body .block-categories {
        margin-top: 40px;
        padding: 0 16px 90px;
    }
  

      body .block-categories .blog-post {
        display: flex;
        flex-direction: column-reverse;
    }
  

      body .block-categories .blog-post .content-blog {
        width: 100%;
        padding: 20px;
    }
  

      body .block-categories .blog-post > a:has(img),
    body .block-categories .blog-post .blog-image,
    body .block-categories .blog-post .thumb-container {
        width: 100%;
        min-height: 210px;
    }
  

      body .block-categories .blog-post img {
        min-height: 210px;
    }
  

      .blog-section-cta {
        right: 16px;
    }
  
}


/* Formularz wyszukiwania */
.search-form__btn {
    bottom: 0;
    color: rgba(0, 20, 41, 0.49);
    line-height: 1;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 0;
}


.search-form__form-group {
    opacity: .5;
}


body .js-search-result {
    border-top: none;
}


/* ==========================================================================
   FOOTER — NAPRAWA UKŁADU
   Wkleić na samym końcu CSS
   ========================================================================== */

/* ==========================================================================
   FOOTER — TŁO I USUNIĘCIE LINII NA KRAWĘDZI
   ========================================================================== */

body #footer {
    position: relative;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    background: #0056cb;

    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;

    overflow: hidden;
}
body #footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  background: #0056cb;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}



/* ==========================================================================
   BANNER Z PIRATEM — BIAŁE TŁO
   ========================================================================== */

body #footer .footer__before {
    position: relative;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    background: #fff;
    background-image: none;

    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}
body #footer .footer__before:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  background: #fff;
  background-image: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}



/* ==========================================================================
   GŁÓWNA STOPKA
   ========================================================================== */

body #footer .footer__main.pi-footer {
    position: relative;

    display: block;

    width: 100%;
    margin: 0;
    padding: 62px 0 20px;

    color: #fff;

    background: linear-gradient(
        180deg,
        #006cff 0%,
        #0056cb 100%
    );

    background-clip: border-box;

    border: 0;
    border-bottom: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;

    overflow: hidden;
    isolation: isolate;


    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
body #footer .footer__main.pi-footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  background: linear-gradient(
          180deg,
          #006cff 0%,
          #0056cb 100%
      );
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}



/* ==========================================================================
   KONTENER TREŚCI
   ========================================================================== */

body #footer .pi-footer__container {
    position: relative;
    z-index: 3;

    width: calc(100% - 64px);
    max-width: 1360px;

    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;

    border: 0;
    outline: 0;
    box-shadow: none;
}
body #footer .pi-footer__container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border: 0;
  outline: 0;
  box-shadow: none;
}



/* ==========================================================================
   USUNIĘCIE DODATKOWYCH ELEMENTÓW MOTYWU POD STOPKĄ
   ========================================================================== */

body #footer .footer__after,
body #footer .footer-container {
    margin: 0;
    padding: 0;

    background: #0056cb;

    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}
body #footer .footer__after:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .footer-container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  background: #0056cb;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}



/* Pseudoelementy nie mogą rysować linii */

body #footer::before,
body #footer::after,
body #footer .footer__main.pi-footer::before,
body #footer .footer__main.pi-footer::after,
body #footer .footer__after::before,
body #footer .footer__after::after {
    border: 0;
    outline: 0;
    box-shadow: none;
}
body #footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body #footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
body #footer .footer__main.pi-footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body #footer .footer__main.pi-footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
body #footer .footer__after:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body #footer .footer__after:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  border: 0;
  outline: 0;
  box-shadow: none;
}



/* ==========================================================================
   LEWA CZĘŚĆ + SUPPORT PO PRAWEJ
   ========================================================================== */

body #footer .pi-footer__top {
    display: grid;

    grid-template-columns: minmax(0, 1fr)
        300px;

    align-items: start;
    gap: clamp(55px, 6vw, 110px);

    width: 100%;
}
body #footer .pi-footer__top:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: grid;
  grid-template-columns: minmax(0, 1fr)
          300px;
}


body #footer .pi-footer__left {
    min-width: 0;
}



/* ==========================================================================
   KONTAKT NAD LINKAMI
   ========================================================================== */

body #footer .pi-footer__contact {
    display: grid;

    grid-template-columns: minmax(250px, 300px)
        minmax(220px, 1fr);

    align-items: start;
    gap: clamp(45px, 5vw, 75px);

    width: 100%;
    margin: 0 0 42px;
}
body #footer .pi-footer__contact:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: grid;
}


body #footer .pi-footer__contact-title {
    margin: 0;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.025em;

    color: #fff;
    opacity: 1;
}
body #footer .pi-footer__contact-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
  font-size: 29px;
  color: #fff;
  opacity: 1;
}


body #footer .pi-footer__contact-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 8px;
    padding-top: 7px;
}
body #footer .pi-footer__contact-data:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
}


body #footer .pi-footer__contact-data a {
    display: block;

    width: fit-content;

    font-family: "Syne", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;

    color: #fff;
    opacity: 1;
    visibility: visible;
    text-decoration: none;
}
body #footer .pi-footer__contact-data a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  font-family: "Syne", sans-serif;
  font-size: 18px;
  color: #fff;
  opacity: 1;
  visibility: visible;
  text-decoration: none;
}


body #footer .pi-footer__contact-data a:hover {
    color: #fff;
    text-decoration: underline;
}
body #footer .pi-footer__contact-data a:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
  text-decoration: underline;
}



/* ==========================================================================
   KOLUMNY GENEROWANE PRZEZ displayFooter
   ========================================================================== */

body #footer .pi-footer__modules {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 36px clamp(28px, 3.5vw, 58px);

    width: 100%;

    margin: 0;
    padding: 0;
}
body #footer .pi-footer__modules:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}


/* Usuwa szerokości Bootstrap z modułów */
body #footer .pi-footer__modules > * {
    float: none;
    flex: none;

    width: auto;
    max-width: none;
    min-width: 0;

    margin: 0;
    padding: 0;
}
body #footer .pi-footer__modules > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  float: none;
  flex: none;
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}


/* Nagłówki kolumn */
body #footer .pi-footer__modules .h3,
body #footer .pi-footer__modules .h4,
body #footer .pi-footer__modules .title,
body #footer .pi-footer__modules .block-contact-title,
body #footer .pi-footer__modules .blockcms-title,
body #footer .pi-footer__modules .links .h3 {
    margin: 0 0 15px;
    padding: 0;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;

    color: #fff;
    opacity: 1;
    text-transform: none;
}
body #footer .pi-footer__modules .h3:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules .h4:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules .title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules .block-contact-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules .blockcms-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules .links .h3:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0 0 15px;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  opacity: 1;
}


/* Listy */
body #footer .pi-footer__modules ul {
    margin: 0;
    padding: 0;

    list-style: none;
}
body #footer .pi-footer__modules ul:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  list-style: none;
}


body #footer .pi-footer__modules li {
    margin: 0 0 8px;
    padding: 0;
}
body #footer .pi-footer__modules li:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0 0 8px;
  padding: 0;
}


/* Linki */
body #footer .pi-footer__modules a {
    display: inline-block;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;

    color: #fff;
    opacity: 1;
    text-decoration: none;

    transition: opacity .2s ease,
        transform .2s ease;
}
body #footer .pi-footer__modules a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}


body #footer .pi-footer__modules a:hover,
body #footer .pi-footer__modules a:focus-visible {
    color: #fff;
    opacity: .72;

    transform: translateX(3px);
}
body #footer .pi-footer__modules a:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules a:focus-visible:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
  opacity: .72;
}


/* Tekst modułu kontaktowego */
body #footer .pi-footer__modules p,
body #footer .pi-footer__modules address,
body #footer .pi-footer__modules span {
    color: #fff;
}
body #footer .pi-footer__modules p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules address:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
}


body #footer .pi-footer__modules p,
body #footer .pi-footer__modules address {
    margin: 0 0 8px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 1.45;
}


body #footer .pi-footer__modules .material-icons,
body #footer .pi-footer__modules i {
    color: #fff;
}
body #footer .pi-footer__modules .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__modules i:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
}


/* Listy zawsze otwarte na desktopie */
@media (min-width: 768px) {
  
      body #footer .pi-footer__modules .collapse {
        display: block;

        height: auto;
        visibility: visible;
    }
  body #footer .pi-footer__modules .collapse:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    height: auto;
    visibility: visible;
  }
  
}



/* ==========================================================================
   PRESTASHOP EXPERT — PRAWA STRONA
   ========================================================================== */

body #footer .pi-footer__support {
    grid-column: 2;
    grid-row: 1;

    align-self: start;

    display: block;

    width: 100%;
    max-width: 300px;

    margin: 0;
    padding: 0;
}
body #footer .pi-footer__support:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  margin: 0;
  padding: 0;
}


body #footer .pi-footer__expert {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    width: fit-content;

    margin: 0 0 22px;
    padding: 10px 13px;

    color: #111;
    background: #a8e2f2;
}
body #footer .pi-footer__expert:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
}


body #footer .pi-footer__expert strong {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;

    color: #111;
}
body #footer .pi-footer__expert strong:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #111;
}


body #footer .pi-footer__expert span {
    margin-top: 7px;
    padding: 3px 7px;

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;

    color: #111;
    background: #fff;
}
body #footer .pi-footer__expert span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #111;
}


body #footer .pi-footer__support h3 {
    margin: 0 0 12px;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;

    color: #fff;
}
body #footer .pi-footer__support h3:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
  font-size: 20px;
  color: #fff;
}


body #footer .pi-footer__support p {
    max-width: 275px;

    margin: 0 0 15px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.55;

    color: #fff;
}
body #footer .pi-footer__support p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
}



/* Przycisk */

body #footer .pi-footer__support-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    width: 220px;
    height: 54px;

    padding: 0 7px 0 27px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;

    color: #fff;
    text-decoration: none;

    background: transparent;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 999px;
}
body #footer .pi-footer__support-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: inline-flex;
  color: #fff;
  text-decoration: none;
}


body #footer .pi-footer__support-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    margin-left: 15px;

   background-color: rgb(255 255 255 / .22);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
    border-radius: 50%;
}


body #footer .pi-footer__support-button:hover {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}
body #footer .pi-footer__support-button:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
}



/* ==========================================================================
   TPAY I COPYRIGHT
   ========================================================================== */

body #footer .footer-tpay {
    position: relative;
    z-index: 3;

    display: block;

    width: 100%;
    max-width: 1200px;

    margin: 48px auto 30px;

    overflow: hidden;

    background: #fff;
    border-radius: 18px;
}


body #footer .footer-tpay img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
    border: 0;
}


body #footer .pi-footer__copyright {
    position: relative;
    z-index: 3;

    margin-top: 0;

    text-align: center;
}


body #footer .pi-footer__copyright,
body #footer .pi-footer__copyright p,
body #footer .pi-footer__copyright a,
body #footer .pi-footer__copyright span {
    color: #fff;
}
body #footer .pi-footer__copyright:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__copyright p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__copyright a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body #footer .pi-footer__copyright span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
}



/* ==========================================================================
   FALE — ANIMOWANE
   ========================================================================== */

body #footer .footer__main .footer-waves {
    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;
    top: auto;

    z-index: 0;

    display: block;

    width: 100%;
    height: 360px;

    margin: 0;
    padding: 0;

    overflow: hidden;
    pointer-events: none;
}


body #footer .footer__main .wave-svg {
    position: absolute;

    top: 0;
    left: 0;
    bottom: auto;

    display: block;

    width: 300vw;
    max-width: none;
    height: 100%;

    margin: 0;
    padding: 0;

    will-change: transform;
}


body #footer .footer-waves .w1 {
    animation: piWaveLeft 7s linear infinite;
}


body #footer .footer-waves .w2 {
    animation: piWaveRight 10s linear infinite;
}


body #footer .footer-waves .w3 {
    animation: piWaveLeft 13s linear infinite;
}


body #footer .footer-waves .w4 {
    animation: piWaveRight 16s linear infinite;
}


body #footer .footer-waves .w5 {
    animation: piWaveLeft 20s linear infinite;
}


body #footer .footer-waves .w6 {
    animation: piWaveRight 24s linear infinite;
}


body #footer .footer-waves .w7 {
    animation: piWaveLeft 30s linear infinite;
}


@keyframes piWaveLeft {
  
      from {
        transform: translate3d(0, 0, 0);
    }
  

      to {
        transform: translate3d(-50%, 0, 0);
    }
  
}


@keyframes piWaveRight {
  
      from {
        transform: translate3d(-50%, 0, 0);
    }
  

      to {
        transform: translate3d(0, 0, 0);
    }
  
}



/* Cała treść nad falami */
body #footer .pi-footer__container,
body #footer .pi-footer__top,
body #footer .pi-footer__left,
body #footer .pi-footer__modules,
body #footer .pi-footer__support,
body #footer .pi-footer__after,
body #footer .footer-tpay,
body #footer .pi-footer__copyright {
    position: relative;
    z-index: 3;
}



/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1199px) {
  

      body #footer .pi-footer__top {
        grid-template-columns: minmax(0, 1fr)
            250px;

        gap: 45px;
    }
  body #footer .pi-footer__top:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: minmax(0, 1fr)
                250px;
  }
  

      body #footer .pi-footer__contact {
        grid-template-columns: minmax(210px, 250px)
            minmax(180px, 1fr);

        gap: 32px;
    }
  

      body #footer .pi-footer__modules {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  body #footer .pi-footer__modules:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  

      body #footer .pi-footer__support {
        max-width: 250px;
    }
  
}



/* ==========================================================================
   MNIEJSZY TABLET
   ========================================================================== */

@media (max-width: 991px) {
  

      body #footer .pi-footer__container {
        width: calc(100% - 40px);
    }
  

      body #footer .pi-footer__top {
        grid-template-columns: 1fr;

        gap: 48px;
    }
  body #footer .pi-footer__top:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: 1fr;
  }
  

      body #footer .pi-footer__support {
        grid-column: 1;
        grid-row: auto;

        max-width: 420px;
    }
  

      body #footer .pi-footer__modules {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  body #footer .pi-footer__modules:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  

      body #footer .footer__main .footer-waves {
        height: 320px;
    }
  

      body #footer .footer-tpay {
        width: 100%;
    }
  
}



/* ==========================================================================
   TELEFON
   ========================================================================== */

@media (max-width: 767px) {
  

      body #footer .footer__main.pi-footer {
        padding: 42px 0 18px;
    }
  

      body #footer .pi-footer__container {
        width: calc(100% - 32px);
    }
  

      body #footer .pi-footer__contact {
        grid-template-columns: 1fr;

        gap: 18px;
        margin-bottom: 38px;
    }
  

      body #footer .pi-footer__contact-title {
        font-size: 27px;
    }
  body #footer .pi-footer__contact-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 27px;
  }
  

      body #footer .pi-footer__contact-data {
        padding-top: 0;
    }
  

      body #footer .pi-footer__contact-data a {
        font-size: 16px;
    }
  body #footer .pi-footer__contact-data a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 16px;
  }
  

      body #footer .pi-footer__modules {
        grid-template-columns: 1fr;

        gap: 32px;
    }
  body #footer .pi-footer__modules:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: 1fr;
  }
  

      body #footer .footer__main .footer-waves {
        height: 300px;
    }
  

      body #footer .footer-tpay {
        margin-top: 38px;

        overflow-x: auto;
        border-radius: 14px;
    }
  

      body #footer .footer-tpay img {
        width: 850px;
        max-width: none;
    }
  
}








/* Usuwa ramkę focusu dla linków w menu (w tym Blog, Kontakt itp.) */
html body #header .ps-mainmenu__tree-link:focus,
html body #header .ps-mainmenu__tree-link:focus-visible,
html body #header .ps-mainmenu__tree-link:active {
    outline: none;
    box-shadow: none;
}


/* Jeśli to nie zadziała (bo szablon używa innych klas dla elementów menu), 
   możesz rozszerzyć regułę na wszystkie linki wewnątrz struktury menu: */
html body #header .ps-mainmenu a:focus,
html body #header .ps-mainmenu a:focus-visible,
html body #header .ps-mainmenu a:active {
    outline: none;
    box-shadow: none;
}


html body#header .dropdown-toggle:focus, 
html body#header .dropdown-toggle:focus-visible, 
html body#header .dropdown-toggle:active {
    outline: none;
    box-shadow: none;
}


/* ==========================================================================
   HEADER + MEGA MENU
   ========================================================================== */

@media (min-width: 1200px) {
  

      /* =========================
       GŁÓWNA BELKA
       ========================= */  

      #header .header-bottom {
        position: relative;
        padding: 14px 28px 0;
        background: transparent;
        overflow: visible;
        z-index: 1000;
    }
  

      #header .header-bottom__row {
    position: fixed;

    left: 50%;
    transform: translateX(-50%);

    width: calc(100% - 56px);
    max-width: 1400px;

    margin: 0;

    height: 80px;
    min-height: 80px;

    padding: 0 20px 0 7px;

    background: #fff;
    border-radius: 42px;
    box-shadow: 0 8px 30px rgba(18, 42, 69, 0.08);
}
  
      /* =========================
       LOGO
       ========================= */  

      #header .header-bottom__logo,
    #header #_desktop_logo {
        order: 1;
        flex: 0 0 230px;

        width: 230px;
        min-width: 230px;

        margin: 0 24px 0 0;
    }
  

      #header #_desktop_logo img,
    #header .header-bottom__logo img {
        display: block;

        width: auto;
        max-width: 220px;
        max-height: 58px;
    }
  

      /* =========================
       MENU GŁÓWNE
       ========================= */  

      #header .ps-mainmenu--desktop {
        order: 2;
        flex: 1 1 auto;

        width: auto;
        min-width: 0;

        margin: 0;
    }
  

      #header .ps-mainmenu__desktop,
    #header #top-menu {
        overflow: visible;
    }
  

      #header .ps-mainmenu__desktop {
        width: 100%;
    }
  

      #header #top-menu {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;

        gap: 26px;

        width: 100%;
        margin: 0;
        padding: 0 0 0 30px;
    }
  

      #header #top-menu > li {
        position: static;

        flex: 0 0 auto;
        width: auto;

        margin: 0;
        padding: 0;
    }
  

      #header #top-menu > li > .ps-mainmenu__tree-item-wrapper {
        display: flex;
        align-items: center;
        height: 80px;
    }
  

      #header #top-menu > li .ps-mainmenu__tree-link {
        display: flex;
        align-items: center;

        height: 80px;

        margin: 0;
        padding: 0;

        font-family: "Inter", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1;

        color: #333;
        background: transparent;
        text-transform: uppercase;
        white-space: nowrap;
        text-decoration: none;
    }
  

      #header #top-menu > li .ps-mainmenu__tree-link:hover,
    #header #top-menu > li .ps-mainmenu__tree-link:focus {
        color: #005a9c;
        background: transparent;
    }
  

      /* Strzałki przy rozwijanych pozycjach */  
      #header .ps-mainmenu__tree-dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: center;

        margin-left: 8px;
        padding: 0;

        color: #006CFF;
        background: transparent;
        border: 0;
    }
  

      #header .ps-mainmenu__tree-dropdown-toggle::after {
        transition: transform .2s ease;
    }
  

      #header #top-menu > li:hover
    .ps-mainmenu__tree-dropdown-toggle::after {
        transform: rotate(180deg);
    }
  
    
    
      #header #top-menu > li[data-id="lnk-kontakt"] .ps-mainmenu__tree-link {
        color: #006CFF;
    }
  

      /* =========================
       IKONY PO PRAWEJ
       ========================= */  

      #header #_desktop_search_widget,
    #header #_desktop_ps_searchbar {
        order: 3;
    }
  

      #header #_desktop_user_info,
    #header #_desktop_ps_customersignin {
        order: 4;
    }
  

      #header #_desktop_wishlist,
    #header #_desktop_blockwishlist {
        order: 5;
    }
  

      #header #_desktop_ps_shoppingcart {
        order: 6;
    }
  

      #header #_desktop_search_widget,
    #header #_desktop_ps_searchbar,
    #header #_desktop_user_info,
    #header #_desktop_ps_customersignin,
    #header #_desktop_wishlist,
    #header #_desktop_blockwishlist,
    #header #_desktop_ps_shoppingcart {
        flex: 0 0 auto;

        width: auto;
        min-width: 0;

        margin: 0 0 0 10px;
        padding: 16px 0 0 0;
    }
  

      /* Ukrycie tekstów */  
      #header #_desktop_user_info .header-block__title,
    #header #_desktop_ps_customersignin .header-block__title,
    #header #_desktop_ps_shoppingcart .header-block__title,
    #header #_desktop_wishlist .header-block__title,
    #header #_desktop_blockwishlist .header-block__title {
        display: none;
    }
  

      #header #_desktop_user_info .dropdown-toggle,
    #header #_desktop_ps_customersignin .dropdown-toggle {
        font-size: 0;
    }
  

      #header #_desktop_user_info .dropdown-toggle .material-icons,
    #header #_desktop_ps_customersignin .dropdown-toggle .material-icons,
    #header #_desktop_user_info .dropdown-toggle .header-block__icon,
    #header #_desktop_ps_customersignin .dropdown-toggle .header-block__icon {
        font-size: 25px;
    }
  

      /* Okrągłe przyciski */  
      #header .header-block__action-btn,
    #header #_desktop_user_info .dropdown-toggle,
    #header #_desktop_ps_customersignin .dropdown-toggle,
    #header .wishlist-button,
    #header .search-widget form button {
        position: relative;

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

        width: 46px;
        min-width: 46px;
        height: 46px;

        margin: 0;
        padding: 0;

        color: #2d6bb1;
        background: #fff;
        border: 1px solid #b9d0ed;
        border-radius: 50%;

        text-decoration: none;
        box-shadow: 0 2px 6px rgba(45, 107, 177, 0.08);

        transition: color .2s ease,
            background-color .2s ease,
            border-color .2s ease,
            transform .2s ease;
    }
  

      #header .header-block__action-btn:hover,
#header #_desktop_user_info .dropdown-toggle:hover,
#header #_desktop_ps_customersignin .dropdown-toggle:hover,
#header .wishlist-button:hover {
    color: #fff;
    background: #2d6bb1;
    border-color: #2d6bb1;
    transform: translateY(-2px);
}
  

      #header .header-block__icon,
    #header .header-block__action-btn .material-icons,
    #header #_desktop_user_info .material-icons,
    #header #_desktop_ps_customersignin .material-icons,
    #header .search-widget .material-icons {
        margin: 0;
        font-size: 25px;
        line-height: 1;
    }
  

      #header .header-block {
        position: relative;
    }
  

      #header .header-block__badge {
        position: absolute;
        top: -6px;
        right: -4px;

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

        width: 19px;

        margin: 0;

        font-size: 11px;
        font-weight: 700;
        line-height: 1;

        color: #fff;
        background: #2d6bb1;
        border: 2px solid #fff;
        border-radius: 50%;
    }
  

      /* =========================
       MEGA MENU
       ========================= */  

      #header,
    #header .header-bottom,
    #header .header-bottom__row,
    #header .ps-mainmenu,
    #header .ps-mainmenu__desktop,
    #header #top-menu {
        overflow: visible;
    }
  

      #header #top-menu > li.ps-mainmenu__tree-item > .submenu {
        position: absolute;

        top: 80px;
        left: 50%;
        right: auto;

        width: min(1100px, calc(100vw - 70px));
        max-width: 1100px;
        min-width: 0;

        margin: 0;
        padding: 34px 48px 46px;

        transform: translateX(-50%);

        background: #fff;
        border: 0;
        border-radius: 0 0 40px 40px;
        box-shadow: 0 22px 45px rgba(0, 0, 0, 0.14);

        z-index: 9999;
    }
  

      /* inline display:none z Hummingbirda */  
      #header #top-menu > li.ps-mainmenu__tree-item:hover > .submenu,
    #header #top-menu > li.ps-mainmenu__tree-item:focus-within > .submenu {
        display: block;
    }
  #header #top-menu > li.ps-mainmenu__tree-item:hover > .submenu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #top-menu > li.ps-mainmenu__tree-item:focus-within > .submenu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
  }
  

      #header #top-menu > li > .submenu > .container {
        width: 100%;
        max-width: none;
        padding: 0;
    }
  

      #header #top-menu > li > .submenu .submenu__row {
        display: block;
        margin: 0;
    }
  

      #header #top-menu > li > .submenu .submenu__left {
        position: relative;

        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 18px 60px;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 58px 0 0;

        border: 0;
        flex: none;
    }
  

      #header #top-menu > li > .submenu .submenu__right {
        display: none;
    }
  

      #header #top-menu > li > .submenu .submenu__left-item {
        display: block;

        width: 100%;
        min-width: 0;

        margin: 0;
        padding: 5px 0;

        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.35;

        color: #161616;
        background: transparent;

        white-space: normal;
        text-decoration: none;

        transition: color .2s ease,
            transform .2s ease;
    }
  

      #header #top-menu > li > .submenu .submenu__left-item:hover {
        color: #2866a8;
        transform: translateX(4px);
    }
  

      /* =========================
       TYTUŁY W MEGA MENU
       ========================= */  

      #header #top-menu > li > .submenu .submenu__left::before {
        position: absolute;
        top: 0;
        left: 0;

        display: flex;
        align-items: center;

        width: max-content;
        min-width: 208px;
        max-width: 100%;

        padding: 0 42px 12px 0;

        border-bottom: 1px solid #d6e0ec;

        font-family: "Syne", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;

        color: #151515;
        text-transform: uppercase;
        white-space: nowrap;
    }
  

      #header #top-menu > li[data-id="category-3"]
    > .submenu .submenu__left::before {
        content: "PRESTASHOP  →";
    }
  

      #header #top-menu > li[data-id="category-6"]
    > .submenu .submenu__left::before {
        content: "WOOCOMMERCE  →";
    }
  

      #header #top-menu > li[data-id="cms-category-2"]
    > .submenu .submenu__left::before {
        content: "USŁUGI  →";
    }
  

      #header #top-menu > li[data-id="category-17"]
    > .submenu .submenu__left::before {
        content: "DARMOWE MODUŁY  →";
    }
  
}


@media (min-width: 1200px) {
  

      /* Ukrycie wszystkich tekstów w przyciskach konta i koszyka */  
      #header #_desktop_user_info a,
    #header #_desktop_user_info button,
    #header #_desktop_ps_customersignin a,
    #header #_desktop_ps_customersignin button,
    #header #_desktop_ps_shoppingcart a,
    #header #_desktop_ps_shoppingcart button {
        font-size: 0;
        line-height: 0;
    }
  

      /* Ukrycie tekstowych spanów */  
      #header #_desktop_user_info span:not(.material-icons):not(.header-block__badge),
    #header #_desktop_ps_customersignin span:not(.material-icons):not(.header-block__badge),
    #header #_desktop_ps_shoppingcart span:not(.material-icons):not(.header-block__badge) {
        display: none;
    }
  

      /* Przywrócenie ikon */  
      #header #_desktop_user_info .material-icons,
    #header #_desktop_user_info .header-block__icon,
    #header #_desktop_ps_customersignin .material-icons,
    #header #_desktop_ps_customersignin .header-block__icon,
    #header #_desktop_ps_shoppingcart .material-icons,
    #header #_desktop_ps_shoppingcart .header-block__icon {
        display: block;
        margin: 0;
        font-size: 25px;
        line-height: 1;
    }
  

      /* Przywrócenie licznika koszyka */  
      #header #_desktop_ps_shoppingcart .header-block__badge {
        display: flex;
        font-size: 11px;
        line-height: 1;
    }
  

      /* Wyśrodkowanie zawartości kółek */  
      #header #_desktop_user_info .header-block__action-btn,
    #header #_desktop_ps_customersignin .header-block__action-btn,
    #header #_desktop_ps_shoppingcart .header-block__action-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }
  
}


/* =========================================================
   PS_SEARCHBAR — poprawny wygląd
   ========================================================= */

@media (min-width: 1200px) {
  

      #header #_desktop_ps_searchbar {
        position: relative;
        flex: 0 0 46px;
        width: 46px;
        min-width: 46px;
        height: 80px;
        margin-left: 10px;
        overflow: visible;
        z-index: 40;
    }
  

      #header #_desktop_ps_searchbar #ps_searchbar {
    position: absolute;
    top: 40%;
    right: 0;

    width: 46px;
    height: 46px;

    transform: translateY(-50%);
    transition: width .25s ease;
}
  

      #header #_desktop_ps_searchbar .ps-searchbar__form {
        position: relative;
        width: 100%;
        height: 46px;
        margin: 0;
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__input {
        display: block;

        width: 100%;
        height: 46px;

        margin: 0;
        padding: 0 48px 0 46px;

        font-family: "Inter", sans-serif;
        font-size: 14px;
        line-height: 46px;

        color: #333;
        background: #fff;

        border: 1px solid #b9d0ed;
        border-radius: 999px;

        opacity: 0;
        visibility: hidden;

        outline: none;
        box-shadow: none;

        transition: opacity .18s ease,
            visibility .18s ease;
    }
  

      /* Lupa */  
      #header #_desktop_ps_searchbar .ps-searchbar__magnifier {
        position: absolute;
        top: 50%;
        right: 0;
        left: auto;
        z-index: 3;

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

        width: 46px;
        height: 46px;

        margin: 0;
        padding: 0;

        color: #2d6bb1;
        background: #fff;

        border: 1px solid #b9d0ed;
        border-radius: 50%;

        font-size: 25px;
        line-height: 1;

        cursor: pointer;
        transform: translateY(-50%);

        box-shadow: 0 2px 6px rgba(45, 107, 177, .08);
    }
  

      /* Przycisk czyszczenia — reset starego stylu */  
      #header #_desktop_ps_searchbar .ps-searchbar__clear {
        position: absolute;
        top: 50%;
        right: 42px;
        z-index: 4;

        display: none;

        width: 28px;
        min-width: 28px;
        height: 28px;

        margin: 0;
        padding: 0;

        color: #666;
        background: transparent;

        border: 0;
        border-radius: 50%;

        box-shadow: none;
        transform: translateY(-50%);
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__clear::before,
    #header #_desktop_ps_searchbar .ps-searchbar__clear::after {
        content: none;
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__clear .material-icons {
        display: block;
        margin: 0;
        font-size: 18px;
        line-height: 1;
    }
  

      /* Stan otwarty */  
      #header #_desktop_ps_searchbar.is-search-open #ps_searchbar {
        width: 304px;
    }
  

      #header #_desktop_ps_searchbar.is-search-open .ps-searchbar__input {
        opacity: 1;
        visibility: visible;
    }
  

      #header #_desktop_ps_searchbar.is-search-open .ps-searchbar__magnifier {
        right: 0;
        background: transparent;
        border-color: transparent;
        box-shadow: none;
    }
  

      /* Pokaż X dopiero gdy input nie jest pusty */  
      #header #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__input:not(:placeholder-shown)
    + .ps-searchbar__clear {
        display: flex;
        align-items: center;
        justify-content: center;
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__input::placeholder {
        color: #777;
        opacity: 1;
    }
  

      /* Wyniki */  
      #header #_desktop_ps_searchbar .ps-searchbar__dropdown {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;

        width: 420px;
        max-height: 440px;

        overflow-y: auto;

        background: #fff;
        border: 1px solid #e0e5eb;
        border-radius: 16px;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .12);

        z-index: 50;
    }
  
}




/* ==========================================================================
   HEADER — MNIEJSZY DESKTOP
   ========================================================================== */

@media (min-width: 1200px) and (max-width: 1450px) {
  

      /* Cała belka zawsze w jednym rzędzie */  
      #header .header-bottom__row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
  

      /* Menu zajmuje dostępne miejsce */  
      #header .ps-mainmenu--desktop {
        flex: 1 1 auto;
        min-width: 0;
    }
  

      /* Zagęszczamy tylko menu */  
      #header #top-menu {
        gap: 14px;
        padding-left: 0;
    }
  

      #header #top-menu > li .ps-mainmenu__tree-link {
        font-size: 14px;
        white-space: nowrap;
    }
  

      /* Strzałki bliżej nazw */  
      #header .ps-mainmenu__tree-dropdown-toggle {
        margin-left: 3px;
    }
  

      /* Prawa część nie może się kurczyć ani zawijać */  
      #header #_desktop_ps_searchbar,
    #header #_desktop_user_info,
    #header #_desktop_ps_customersignin,
    #header #_desktop_ps_shoppingcart {
        flex-shrink: 0;
        margin-left: 5px;
    }
  
}



/* ==========================================================================
   HEADER — BARDZO WĄSKI DESKTOP
   ========================================================================== */

@media (min-width: 1200px) and (max-width: 1300px) {
  

      #header #top-menu {
        gap: 9px;
    }
  

      #header #top-menu > li .ps-mainmenu__tree-link {
        font-size: 13px;
    }
  

      /* Kółka trochę mniejsze */  
      #header #_desktop_ps_searchbar,
    #header #_desktop_user_info,
    #header #_desktop_ps_customersignin,
    #header #_desktop_ps_shoppingcart {
        flex: 0 0 40px;
        width: 40px;
        min-width: 40px;
        height: 40px;

        margin-left: 4px;
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__magnifier,
    #header #_desktop_user_info .header-block__action-btn,
    #header #_desktop_ps_customersignin .header-block__action-btn,
    #header #_desktop_ps_shoppingcart .cart-preview {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
  
}





:root {
    --page-margin: 120px;
}


@media (max-width: 1199px) {
  
      :root {
        --page-margin: 24px;
    }
  
}


@media (max-width: 767px) {
  
      :root {
        --page-margin: 16px;
    }
  
}



.ps-featuredproducts,
.ps-bestsellers,
.ps-newproducts,
.ps-customtext {
    padding-top: 20px;
    padding-bottom: 20px;
}

.module-products {
    padding: 0;
}




/* ==========================================================================
   MOBILE HEADER — JEDNA CZYSTA WERSJA
   ========================================================================== */

.pi-mobile-menu-toggle {
    display: none;
}


@media (max-width: 1199px) {
  

      /* Główna belka */  
      #header .header-bottom {
        width: 100%;
        margin: 0;
        padding: 0;
    }
  

      #header .header-bottom__container {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0 12px;

        box-sizing: border-box;
    }
  

      #header .header-bottom__row {
        --bs-gutter-x: 0;

        display: flex;
        align-items: center;
        flex-wrap: nowrap;

        width: 100%;
        min-height: 72px;

        margin: 0;
        padding: 8px 10px;

        background: #fff;
        border-radius: 0;

        box-sizing: border-box;
        overflow: visible;
    }
  #header .header-bottom__row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
  }
  

      /* Ukrycie elementów desktopowych */  
      #header .ps-mainmenu--desktop,
    #header #_desktop_top_menu,
    #header #_desktop_ps_searchbar,
    #header #_desktop_user_info,
    #header #_desktop_ps_customersignin,
    #header #_desktop_ps_shoppingcart {
        display: none;
    }
  #header .ps-mainmenu--desktop:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_top_menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_user_info:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_customersignin:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      /* Prawdziwy hamburger dodawany przez JS */  
      #header .pi-mobile-menu-toggle {
        appearance: none;

        order: 1;

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

        flex: 0 0 42px;

        width: 42px;
        min-width: 42px;
        height: 42px;

        gap: 5px;

        margin: 0 10px 0 0;
        padding: 7px;

        background: transparent;
        border: 0;
        border-radius: 0;

        box-shadow: none;
        cursor: pointer;
    }
  #header .pi-mobile-menu-toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
  }
  

      #header .pi-mobile-menu-toggle span {
        display: block;

        width: 26px;
        height: 2px;

        margin: 0;

        background: #222;
        border-radius: 999px;
    }
  

      /* Logo */  
      #header .header-bottom__logo {
        order: 2;

        display: flex;
        align-items: center;

        flex: 0 1 auto;

        width: auto;
        min-width: 0;
        max-width: none;

        margin: 0;
        padding: 0;
    }
  #header .header-bottom__logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    margin: 0;
  }
  

      #header .header-bottom__h2 {
        margin: 0;
    }
  

      #header .header-bottom__logo a {
        display: flex;
        align-items: center;

        min-width: 0;
    }
  

      #header .header-bottom__logo img {
        display: block;

        width: auto;
        height: auto;

        max-width: clamp(120px, 30vw, 180px);
        max-height: 52px;

        margin: 0;
    }
  

      /* Kolejność ikon */  
      #header .ps-searchbar--mobile {
        order: 3;
        margin-left: auto;
    }
  #header .ps-searchbar--mobile:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin-left: auto;
  }
  

      #header #_mobile_ps_customersignin,
    #header #_mobile_user_info {
        order: 4;
    }
  

      #header #_mobile_ps_shoppingcart {
        order: 5;
    }
  

      /* Kontenery ikon */  
      #header .ps-searchbar--mobile,
    #header #_mobile_ps_customersignin,
    #header #_mobile_user_info,
    #header #_mobile_ps_shoppingcart {
        position: relative;

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

        flex: 0 0 42px;

        width: 42px;
        min-width: 42px;
        max-width: 42px;

        height: 42px;
        min-height: 42px;

        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 6px;

        padding: 0;

        overflow: visible;
    }
  #header .ps-searchbar--mobile:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_customersignin:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_user_info:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_shoppingcart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    padding: 0;
  }
  

      /* Wewnętrzne elementy modułów */  
      #header .ps-searchbar--mobile .header-block,
    #header #_mobile_ps_customersignin .header-block,
    #header #_mobile_user_info .header-block,
    #header #_mobile_ps_shoppingcart .header-block {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 42px;
        height: 42px;

        margin: 0;
        padding: 0;

        overflow: visible;
    }
  

      /* Kółka ikon */  
      #header .ps-searchbar--mobile .header-block__action-btn,
    #header #_mobile_ps_customersignin .header-block__action-btn,
    #header #_mobile_user_info .header-block__action-btn,
    #header #_mobile_ps_shoppingcart .header-block__action-btn,
    #header #_mobile_ps_shoppingcart .cart-preview {
        position: relative;

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

        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;

        margin: 0;
        padding: 0;

        color: #006cff;
        background: #fff;

        border: 1px solid #64a1f4;
        border-radius: 50%;

        box-shadow: none;
        overflow: visible;
    }
  #header .ps-searchbar--mobile .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_customersignin .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_user_info .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_shoppingcart .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
  }
  

      /* Same ikony */  
      #header .ps-searchbar--mobile .material-icons,
    #header #_mobile_ps_customersignin .material-icons,
    #header #_mobile_user_info .material-icons,
    #header #_mobile_ps_shoppingcart .material-icons,
    #header .ps-searchbar--mobile .header-block__icon,
    #header #_mobile_ps_customersignin .header-block__icon,
    #header #_mobile_user_info .header-block__icon,
    #header #_mobile_ps_shoppingcart .header-block__icon {
        display: flex;
        align-items: center;
        justify-content: center;

        width: auto;
        height: auto;

        margin: 0;

        font-size: 22px;
        line-height: 1;

        color: #006cff;

        transform: none;
    }
  #header .ps-searchbar--mobile .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_customersignin .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_user_info .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_shoppingcart .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header .ps-searchbar--mobile .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_customersignin .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_user_info .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_shoppingcart .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    font-size: 22px;
    line-height: 1;
    color: #006cff;
    transform: none;
  }
  

      /* Licznik koszyka */  
      #header #_mobile_ps_shoppingcart .header-block__badge,
    #header #_mobile_ps_shoppingcart .cart-products-count {
        position: absolute;

        top: -5px;
        right: -5px;
        z-index: 5;

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

        width: 17px;
        min-width: 17px;
        height: 17px;

        margin: 0;
        padding: 0;

        font-size: 10px;
        font-weight: 700;
        line-height: 1;

        color: #fff;
        background: #006cff;

        border: 2px solid #fff;
        border-radius: 50%;
    }
  

      /* Istniejące natywne menu Hummingbird */  
      #header #mobileMenu {
        --bs-offcanvas-width: min(86vw, 380px);

        width: min(86vw, 380px);
        max-width: 380px;
        height: 100vh;

        color: #222;
        background: #fff;

        border: 0;

        z-index: 10050;
    }
  #header #mobileMenu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    background: #fff;
  }
  

      #header #mobileMenu .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        min-height: 70px;

        padding: 14px 18px;

        border-bottom: 1px solid #edf0f4;
    }
  

      #header #mobileMenu .offcanvas-body,
    #header #mobileMenu .ps-mainmenu__mobile-menu {
        width: 100%;

        margin: 0;
        padding: 10px 20px 30px;

        overflow-y: auto;
    }
  

      /* Przycisk zamykania */  
      #header #mobileMenu .btn-close {
        position: relative;

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

        width: 40px;
        min-width: 40px;
        height: 40px;

        margin-left: auto;
        padding: 0;

        font-size: 0;

        background: #fff;
        background-image: none;

        border: 1px solid #64a1f4;
        border-radius: 50%;

        opacity: 1;
        box-shadow: none;
    }
  #header #mobileMenu .btn-close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    background-image: none;
  }
  

      #header #mobileMenu .btn-close::before,
    #header #mobileMenu .btn-close::after {
        content: "";

        position: absolute;

        width: 18px;
        height: 2px;

        background: #006cff;
        border-radius: 999px;
    }
  

      #header #mobileMenu .btn-close::before {
        transform: rotate(45deg);
    }
  

      #header #mobileMenu .btn-close::after {
        transform: rotate(-45deg);
    }
  

      /* Lista menu */  
      #header #mobileMenu .top-menu,
    #header #mobileMenu #top-menu {
        display: flex;
        flex-direction: column;

        width: 100%;

        gap: 0;
        margin: 0;
        padding: 0;

        list-style: none;
    }
  #header #mobileMenu .top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #mobileMenu #top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
  }
  

      #header #mobileMenu .top-menu > li {
        display: block;

        width: 100%;

        margin: 0;
        padding: 0;

        border-bottom: 1px solid #edf0f4;
    }
  

      #header #mobileMenu .top-menu > li > a,
    #header #mobileMenu .ps-mainmenu__tree-link {
        display: flex;
        align-items: center;

        width: 100%;
        min-height: 56px;

        margin: 0;
        padding: 0;

        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.25;

        color: #222;

        text-decoration: none;
        text-transform: none;
        white-space: normal;
    }
  #header #mobileMenu .top-menu > li > a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #mobileMenu .ps-mainmenu__tree-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
  }
  

      /* Ciemne tło za menu */  
      .offcanvas-backdrop {
        z-index: 10040;
    }
  

      .offcanvas-backdrop.show {
        opacity: .42;
    }
  
}



/* ==========================================================================
   MAŁE TELEFONY
   ========================================================================== */

@media (max-width: 440px) {
  

      #header .header-bottom__container {
        padding: 0 5px;
    }
  

      #header .header-bottom__row {
        padding-left: 3px;
        padding-right: 3px;
    }
  

      #header .pi-mobile-menu-toggle {
        flex-basis: 36px;

        width: 36px;
        min-width: 36px;
        height: 36px;

        margin-right: 4px;
        padding: 5px;
    }
  

      #header .pi-mobile-menu-toggle span {
        width: 22px;
    }
  
}

/* ==========================================================================
   FOOTER — USUNIĘCIE PUSTEGO DISPLAYFOOTERAFTER
   ========================================================================== */

/*
 * Footer Logo & Social Block jest wyłączony,
 * więc ten kontener nie jest potrzebny.
 */
html body #footer .footer__main-bottom,
html body #footer .footer__main-bottom.row {
    display: none;

    width: 0;
    height: 0;
    min-height: 0;

    margin: 0;
    padding: 0;

    background: transparent;

    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;

    overflow: hidden;
}
html body #footer .footer__main-bottom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
html body #footer .footer__main-bottom.row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
  width: 0;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
  overflow: hidden;
}


/* Reset zewnętrznych elementów stopki */

html body #footer,
html body #footer > .footer,
html body #footer > .footer.footer__main,
html body #footer .footer__main.pi-footer {
    margin-bottom: 0;

    border-bottom: 0;
    border-radius: 0;

    box-shadow: none;
}
html body #footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
html body #footer > .footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
html body #footer > .footer.footer__main:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
html body #footer .footer__main.pi-footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-bottom: 0;
  border-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}


/* Główna stopka musi kończyć się niebieskim tłem */

html body #footer .footer__main.pi-footer {
    padding-bottom: 20px;

    background: linear-gradient(
        180deg,
        #006cff 0%,
        #0056cb 100%
    );
}
html body #footer .footer__main.pi-footer:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  padding-bottom: 20px;
  background: linear-gradient(
          180deg,
          #006cff 0%,
          #0056cb 100%
      );
}


/* Kontener wewnętrzny nie może mieć dolnego odstępu */

html body #footer .footer__main.pi-footer > .container,
html body #footer .pi-footer__container {
    margin-bottom: 0;
    padding-bottom: 0;

    background: transparent;
}
html body #footer .footer__main.pi-footer > .container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
html body #footer .pi-footer__container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-bottom: 0;
  padding-bottom: 0;
  background: transparent;
}


/* Copyright jako ostatni element */

html body #footer .pi-footer__copyright,
html body #footer .pi-footer__copyright p {
    margin-bottom: 0;
    padding-bottom: 0;
}
html body #footer .pi-footer__copyright:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
html body #footer .pi-footer__copyright p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-bottom: 0;
  padding-bottom: 0;
}



/* ==========================================================================
   LOGOWANIE — POKAŻ / UKRYJ HASŁO
   ========================================================================== */

body#authentication .password-field {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;

    width: 100%;
}
body#authentication .password-field:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}



/* INPUT HASŁA */
body#authentication
.password-field
#field-password {
    flex: 1 1 auto;

    width: 100%;
    min-width: 0;

    height: 44px;
    min-height: 44px;

    margin: 0;

    border-radius: 12px 0 0 12px;
}
body#authentication
.password-field
#field-password:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  margin: 0;
  border-radius: 12px 0 0 12px;
}


body#authentication
#field-email {
    height: 44px;
    min-height: 44px;
    border-radius: 12px;
}
body#authentication
#field-email:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  height: 44px;
  min-height: 44px;
  border-radius: 12px;
}
 


/* BUTTON OKA */
body#authentication
.password-field
button[data-ps-action="toggle-password"] {
    position: relative;

    display: block;
    flex: 0 0 54px;

    width: 44px;
    min-width: 44px;
    max-width: 44px;

    height: 44px;
    min-height: 44px;
    max-height: 44px;

    margin: 0;
    padding: 0;

    background-color: #fff;

    /* własna ikona oka */
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12C4.6 8.7 7.8 6.5 12 6.5C16.2 6.5 19.4 8.7 21.5 12C19.4 15.3 16.2 17.5 12 17.5C7.8 17.5 4.6 15.3 2.5 12Z' stroke='%23086cff' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='2.7' stroke='%23086cff' stroke-width='1.7'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    border: 1px solid #d9dee6;
    border-left: 0;

    border-radius: 0 12px 12px 0;

    box-shadow: none;

    color: transparent;

    transform: none;
}
body#authentication
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: block;
  flex: 0 0 54px;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12C4.6 8.7 7.8 6.5 12 6.5C16.2 6.5 19.4 8.7 21.5 12C19.4 15.3 16.2 17.5 12 17.5C7.8 17.5 4.6 15.3 2.5 12Z' stroke='%23086cff' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='2.7' stroke='%23086cff' stroke-width='1.7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border: 1px solid #d9dee6;
  border-left: 0;
  border-radius: 0 12px 12px 0;
  box-shadow: none;
  color: transparent;
  transform: none;
}



/* WYŁĄCZ GLOBALNĄ STRZAŁKĘ / KÓŁKO BUTTONA */
body#authentication
.password-field
button[data-ps-action="toggle-password"]::before,
body#authentication
.password-field
button[data-ps-action="toggle-password"]::after {
    content: none;
    display: none;
}
body#authentication
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#authentication
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}



/* HOVER */
body#authentication
.password-field
button[data-ps-action="toggle-password"]:hover {
    background-color: #f7faff;

    border-color: #086cff;

    box-shadow: none;
    transform: none;
}
body#authentication
.password-field
button[data-ps-action="toggle-password"]:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-color: #f7faff;
  border-color: #086cff;
  box-shadow: none;
  transform: none;
}



/* FOCUS */
body#authentication
.password-field
button[data-ps-action="toggle-password"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(8, 108, 255, .10);
}
body#authentication
.password-field
button[data-ps-action="toggle-password"]:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  outline: none;
  box-shadow: 0 0 0 3px rgba(8, 108, 255, .10);
}

/* ==========================================================================
   SOURCE: pi_sheet38.css
   ========================================================================== */
/* ==========================================================================
   1. GLOBALNA STYLIZACJA PRZYCISKÓW
   Default:  #006CFF
   Hover:    #135BBD
   Disabled: #515151
   ========================================================================== */

:root {
    --pi-btn-default: #006cff;
    --pi-btn-hover: #135bbd;
    --pi-btn-disabled: #515151;
    --pi-btn-disabled-circle: #d1d1d1;
}


/* ==========================================================================
   PODSTAWOWY WYGLĄD
   ========================================================================== */

html body .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart):not(.cart__continue-shopping):not(.btn-close):not(#sort_dropdown_button):not(#search_filter_toggler):not(.ps-searchbar__clear):not(.product-miniature__quickview-touch),
html body .pi-btn,
html body .module-products__buttons .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart),
html body button[type="submit"]:not(.js-search-button):not(.btn-close):not(.ps-searchbar__clear) {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    min-height: 64px;
    padding: 6px 8px 6px 34px;

    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;

    color: #fff;
    background: var(--pi-btn-default);
    border: 1px solid var(--pi-btn-default);
    border-radius: 999px;

    text-decoration: none;
    cursor: pointer;
    overflow: hidden;

    box-shadow: 0 8px 18px rgba(0, 108, 255, .18);

    transition: color .25s ease,
        background-color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}


/* ==========================================================================
   KÓŁKO ZE STRZAŁKĄ
   ========================================================================== */

/* ==========================================================================
   KÓŁKO ZE STRZAŁKĄ
   ========================================================================== */

html body .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart):not(.cart__continue-shopping):not(.btn-close):not(#sort_dropdown_button):not(#search_filter_toggler):not(.ps-searchbar__clear)::after,
html body .pi-btn::after,
html body .module-products__buttons .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart)::after,
html body button[type="submit"]:not(.js-search-button):not(.btn-close):not(.ps-searchbar__clear)::after {
    content: "";

    display: block;
    flex: 0 0 52px;

    width: 52px;
    height: 52px;
    margin: 0;

    background-color: #64A1F4; 

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    border-radius: 50%;

    transition: background-color .25s ease,
        background-image .25s ease,
        transform .25s ease;
}


/* ==========================================================================
   HOVER — #135BBD
   ========================================================================== */

html body .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart):not(.cart__continue-shopping):not(.btn-close):not(#sort_dropdown_button):not(#search_filter_toggler):not(.ps-searchbar__clear):hover,
html body .pi-btn:hover,
html body .module-products__buttons .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart):hover,
html body button[type="submit"]:not(.js-search-button):not(.btn-close):not(.ps-searchbar__clear):hover {
    color: #fff;
    background: var(--pi-btn-hover);
    border-color: var(--pi-btn-hover);

    box-shadow: 0 10px 22px rgba(19, 91, 189, .24);
    transform: translateY(-2px);

    text-decoration: none;
}


html body .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart):not(.cart__continue-shopping):not(.btn-close):not(#sort_dropdown_button):not(#search_filter_toggler):not(.ps-searchbar__clear):hover::after,
html body .pi-btn:hover::after,
html body .module-products__buttons .btn:not(.product-miniature__add):not(.product-miniature__add-to-cart):hover::after,
html body button[type="submit"]:not(.js-search-button):not(.btn-close):not(.ps-searchbar__clear):hover::after {
    background-color: #fff;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    transform: translateX(2px);
}


/* ==========================================================================
   DISABLED — #515151
   ========================================================================== */

html body .btn:disabled,
html body .btn.disabled,
html body .btn[disabled],
html body .btn[aria-disabled="true"],
html body .pi-btn:disabled,
html body .pi-btn.disabled,
html body .pi-btn[disabled],
html body .pi-btn[aria-disabled="true"],
html body button[type="submit"]:disabled,
html body button[type="submit"][aria-disabled="true"] {
    color: #fff;
    background: var(--pi-btn-disabled);
    border-color: var(--pi-btn-disabled);

    box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
    transform: none;

    cursor: not-allowed;
    pointer-events: none;
    opacity: 1;
}


html body .btn:disabled::after,
html body .btn.disabled::after,
html body .btn[disabled]::after,
html body .btn[aria-disabled="true"]::after,
html body .pi-btn:disabled::after,
html body .pi-btn.disabled::after,
html body .pi-btn[disabled]::after,
html body .pi-btn[aria-disabled="true"]::after,
html body button[type="submit"]:disabled::after,
html body button[type="submit"][aria-disabled="true"]::after {
    color: #fff;
    background: var(--pi-btn-disabled-circle);
    transform: none;
}


/* ==========================================================================
   UKRYCIE STARYCH IKON
   ========================================================================== */

html body .btn:not(#search_filter_toggler):not(.product-miniature__add):not(.product-miniature__add-to-cart) > .material-icons,
html body .pi-btn > .material-icons,
html body button[type="submit"]:not(.js-search-button):not(.ps-searchbar__clear) > .material-icons {
    display: none;
}



#decrement_button_18,
#increment_button_18 {
    display: inline-flex;
}

/* ==========================================================================
   INPUT TYPE SUBMIT — nie obsługuje ::after
   ========================================================================== */

html body input[type="submit"] {
    min-height: 64px;
    padding: 6px 34px;

    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 600;

    color: #fff;
    background: var(--pi-btn-default);
    border: 1px solid var(--pi-btn-default);
    border-radius: 999px;

    cursor: pointer;

    transition: background-color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


html body input[type="submit"]:hover {
    color: #fff;
    background: var(--pi-btn-hover);
    border-color: var(--pi-btn-hover);
    transform: translateY(-2px);
}


html body input[type="submit"]:disabled {
    color: #fff;
    background: var(--pi-btn-disabled);
    border-color: var(--pi-btn-disabled);

    cursor: not-allowed;
    transform: none;
}

/* ==========================================================================
   BLOG — KARTY POZIOME JAK W PROJEKCIE
   ========================================================================== */

body .block-categories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;

    width: 100%;
    max-width: 1320px;

    margin: 60px auto 120px;
}


/* Pojedyncza karta */
html body .block-categories .blog-post {
    position: relative;

    display: grid;
    grid-template-columns: 44% 56%;
    grid-template-rows: 1fr;

    width: 100%;
    max-width: none;
    min-height: 220px;

    margin: 0;
    padding: 10px;

    overflow: hidden;

    background: #fff;
    border: 1px solid #edf0f4;
    border-radius: 20px;

    box-shadow: 0 9px 22px rgba(27, 45, 68, 0.11);
}


/* Lewa część tekstowa */
html body .block-categories .blog-post .content-blog {
    display: flex;
    flex-direction: column;

    min-width: 0;
    height: 100%;

    padding: 20px 18px 17px;
}


/* Tytuł */
html body .block-categories .blog-post p.title-blog {
    display: -webkit-box;

    margin: 0;
    padding: 0;

    overflow: hidden;

    font-family: "Syne", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.08;

    color: #111;
    text-align: left;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    
    padding-bottom: 15px;
}


/* Ukrywamy zwykły opis wpisu */
html body .block-categories .blog-post .content-blog > p:not(.title-blog),
html body .block-categories .blog-post .blog-description {
    display: none;
}


/* Kategoria wpisu */
html body .block-categories .blog-post .blog-tag {
    margin: auto 0 0;
    padding: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;

    color: #444;
    text-align: left;
}


/* Data */
html body .block-categories .blog-post time,
html body .block-categories .blog-post .date-blog,
html body .block-categories .blog-post .blog-date {
    display: block;

    margin-top: 2px;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;

    color: #555;
}


/* Link zawierający zdjęcie */
html body .block-categories .blog-post > a:has(img),
html body .block-categories .blog-post .blog-image,
html body .block-categories .blog-post .thumb-container {
    position: relative;

    grid-column: 2;
    grid-row: 1;

    display: block;

    width: 100%;
    height: 100%;
    min-height: 220px;

    overflow: hidden;
    border-radius: 18px;
}


/* Zdjęcie */
html body .block-categories .blog-post img.thumb-blog,
html body .block-categories .blog-post img {
    position: static;

    display: block;

    width: 100%;
    height: 117%;
    min-height: 220px;

    object-fit: cover;
    object-position: center;

    transform: none;
    border-radius: 18px;
}


html body .block-categories .blog-post .blog-excerpt {
    font-size: 14px;
    padding-top: 10px;
}


/* ==========================================================================
   PRZYCISK „CZYTAJ WIĘCEJ” — OKRĄGŁA STRZAŁKA NA ZDJĘCIU
   ========================================================================== */

html body .block-categories .blog-post a.url-blog {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 10;

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

    width: 54px;
    min-width: 54px;
    max-width: 54px;
    height: 54px;
    min-height: 54px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    font-size: 0;
    line-height: 0;

    color: #fff;
    background: #0b69f6;
    border: 0;
    border-radius: 50%;

    box-shadow: none;

    transition: background-color .2s ease,
        transform .2s ease;
}


/* Strzałka */
html body .block-categories .blog-post a.url-blog::after {
    content: "";

    display: block;

    width: 24px;
    height: 24px;
    margin: 0;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    transition: transform .2s ease;
}


/* Hover */
html body .block-categories .blog-post a.url-blog:hover {
    color: #fff;
    background: #135BBD;
    border-color: transparent;

    transform: translateX(3px);
}


html body .block-categories .blog-post a.url-blog:hover::after {
    transform: translateX(2px);
}


/* Meta wpisu na dole lewej kolumny */
html body .block-categories .blog-post .content-blog {
    display: flex;
    flex-direction: column;
}


html body .block-categories .blog-post .blog-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;

    margin-top: auto;
    padding: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.3;
}


html body .block-categories .blog-post .blog-category {
    font-weight: 500;
    color: #444;
}


html body .block-categories .blog-post .blog-date {
    font-weight: 400;
    color: #666;
}


.blog-section-cta {
    display: flex;
    justify-content: flex-end;

    margin: 0 auto;
}


.blog-section-cta__link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;

    min-width: 248px;
    min-height: 56px;

    padding: 6px 7px 6px 28px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;

    color: #fff;
    background: #006cff;
    border: 1px solid #006cff;
    border-radius: 999px;

    text-decoration: none;
    box-shadow: 0 8px 18px rgba(0, 108, 255, .18);

    transition: background-color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.blog-section-cta__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    font-size: 0;
    line-height: 0;

    color: transparent;
    background-color: rgba(255, 255, 255, .22);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    border-radius: 50%;

    transition: background-color .25s ease,
        background-image .25s ease,
        transform .25s ease;
}


.blog-section-cta__link:hover {
    color: #fff;
    background: #135bbd;
    border-color: #135bbd;
    transform: translateY(-2px);
}


.blog-section-cta__link:hover .blog-section-cta__icon {
    background-color: #fff;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    transform: translateX(2px);
}

/* ==========================================================================
   3. SPECJALNE WYJĄTKI (Przycisk "Kontynuuj zakupy" w koszyku)
   ========================================================================== */
html body .cart__continue-shopping.btn {
    background: transparent;
    color: #0b69f6;
    border-color: #0b69f6;
}

html body .cart__continue-shopping.btn:hover {
    background: #0b69f6;
    color: #fff;
}

/* Przywrócenie małej strzałki w lewo dla kontynuacji zakupów */
html body .cart__continue-shopping.btn::before {
    content: "←";
    margin-right: 8px;
    font-size: 16px;
}


/* ==========================================================================
   4. SEKCJA PRODUKTU - OKRĄGŁY PLUS (Pełna izolacja!)
   ========================================================================== */
.product-miniature__top {
    position: relative;
}


html body .product-miniature__form .quantity-button {
    display: none;
}


html body .product-miniature__actions,
html body .ps-bestsellers .product-miniature__actions {
    position: static;
}


html body .product-miniature__add,
html body .ps-bestsellers .product-miniature__add {
    all: unset;
    position: absolute;
    top: 22px;
    right: 22px;
    bottom: auto;
    left: auto;
    z-index: 30;
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
    border-radius: 50%;
    background: #1268e8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.25s ease, background 0.25s ease;
}


html body .product-miniature__add:hover,
html body .ps-bestsellers .product-miniature__add:hover {
    transform: scale(1.08);
    background: #fff;
    color: #006CFF;
}


html body .product-miniature__add:hover::before {
    color: #006CFF;
}
html body .product-miniature__add:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  color: #006CFF;
}


html body .product-miniature__add::before,
html body .ps-bestsellers .product-miniature__add::before {
    content: "+";
    height: 65px;
    display: block;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
}


html body .product-miniature__add::after,
html body .ps-bestsellers .product-miniature__add::after {
    content: none;
    display: none;
}
html body .product-miniature__add:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
html body .ps-bestsellers .product-miniature__add:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}


html body .product-miniature__add .material-icons,
html body .product-miniature__add-text,
html body .ps-bestsellers .btn .material-icons {
    display: none;
}


/* ==========================================================================
   5. UKRYWANIE ELEMENTÓW (Quick view i drobne poprawki)
   ========================================================================== */
html body .product-miniature__quickview,
html body .product-miniature__quick-view,
html body .product-miniature__quickview-touch,
html body .js-quickview,
html body .quickview,
html body .btn-quickview,
html body .product-miniature__top [data-link-action="quickview"],
html body .ps-bestsellers [data-link-action="quickview"] {
    display: none;
}


html body .alert button::after,
html body .alert .btn-close::after,
html body .password-button::after,
html body .password-toggle::after,
html body .input-group .btn::after {
    content: none;
    display: none;
}
html body .alert button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
html body .alert .btn-close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
html body .password-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
html body .password-toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
html body .input-group .btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}


#sort_dropdown_button,
#search_filter_toggler {
    background-color: #fff;
    color: #000;
}


#search_filter_toggler .material-icons {
    display: block;
    color: #000;
}



/* ==========================================================================
   KOSZYK — WYMUSZENIE DWÓCH KOLUMN NA DESKTOPIE
   ========================================================================== */

@media (min-width: 992px) {
  

      body#cart .cart-grid.row {
        display: grid;

        grid-template-columns: minmax(0, 2fr)
            minmax(340px, 1fr);

        align-items: start;
        column-gap: clamp(40px, 5vw, 80px);

        width: 100%;
        max-width: 1440px;

        margin-right: auto;
        margin-left: auto;
        
        padding-bottom: 80px;
    }
  body#cart .cart-grid.row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    margin-right: auto;
    margin-left: auto;
  }
  

      body#cart .cart-grid__content,
    body#cart .cart-grid__content.col-lg-8 {
        grid-column: 1;

        width: auto;
        max-width: none;

        margin: 0;
        padding: 0;

        flex: none;
        float: none;
    }
  body#cart .cart-grid__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#cart .cart-grid__content.col-lg-8:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    flex: none;
    float: none;
  }
  

      body#cart .cart-grid__aside,
    body#cart .cart-grid__aside.col-lg-4 {
        grid-column: 2;
        grid-row: 1;

        position: relative;

        width: auto;
        max-width: none;

        margin: 0;
        padding: 0;

        flex: none;
        float: none;
    }
  body#cart .cart-grid__aside:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#cart .cart-grid__aside.col-lg-4:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    flex: none;
    float: none;
  }
  

      body#cart .cart-grid__aside-wrapper {
        position: sticky;
        top: 110px;

        width: 100%;

        margin: 0;
        padding: 28px;

        background: #fff;
        

        box-sizing: border-box;
    }
  

      body#cart .cart-grid__aside-wrapper > h2 {
        margin: 0 0 28px;

        font-family: "Syne", sans-serif;
        font-size: clamp(30px, 3vw, 46px);
        line-height: 1.05;
    }
  
}



/* ==========================================================================
   TABLET I TELEFON — JEDNA KOLUMNA
   ========================================================================== */

@media (max-width: 991px) {
  

      body#cart .cart-grid.row {
        display: flex;
        flex-direction: column;

        gap: 36px;

        margin-right: 0;
        margin-left: 0;
    }
  body#cart .cart-grid.row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    margin-right: 0;
    margin-left: 0;
  }
  

      body#cart .cart-grid__content,
    body#cart .cart-grid__aside {
        width: 100%;
        max-width: none;

        padding-right: 0;
        padding-left: 0;
    }
  body#cart .cart-grid__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#cart .cart-grid__aside:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
  

      body#cart .cart-grid__aside-wrapper {
        position: static;
    }
  
}


body#cart .cart-voucher__form .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 130px;
    height: 52px;

    padding: 0 26px;
    gap: 0;
}
body#cart .cart-voucher__form .btn-primary:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  gap: 0;
}


body#cart .cart-voucher__form .btn-primary::before,
body#cart .cart-voucher__form .btn-primary::after {
    content: none;
    display: none;
    background: none;
}
body#cart .cart-voucher__form .btn-primary:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#cart .cart-voucher__form .btn-primary:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
  background: none;
}


.pi-btn--outline {
    background-color: transparent;
    color: #2D2D2D;
}
.pi-btn--outline:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-color: transparent;
  color: #2D2D2D;
}


/* ==========================================================================
   KOSZYK — KONTYNUUJ ZAKUPY JAK NORMALNY PI BUTTON
   ========================================================================== */

html body#cart .cart__continue-shopping.btn {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    width: auto;
    min-width: 270px;
    min-height: 64px;

    margin: 0;
    padding: 6px 8px 6px 34px;

    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;

    color: #fff;

    background: var(--pi-btn-default);

    border: 1px solid var(--pi-btn-default);
    border-radius: 999px;

    text-decoration: none;

    box-shadow: 0 8px 18px rgba(0, 108, 255, .18);

    overflow: hidden;

    transform: none;

    transition: color .25s ease,
        background-color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}
html body#cart .cart__continue-shopping.btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: auto;
  min-width: 270px;
  min-height: 64px;
  margin: 0;
  padding: 6px 8px 6px 34px;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: var(--pi-btn-default);
  border: 1px solid var(--pi-btn-default);
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0, 108, 255, .18);
  overflow: hidden;
  transform: none;
  transition: color .25s ease,
          background-color .25s ease,
          border-color .25s ease,
          box-shadow .25s ease,
          transform .25s ease;
}



/* Wywalamy starą strzałkę w lewo */
html body#cart .cart__continue-shopping.btn::before {
    content: none;
    display: none;
}
html body#cart .cart__continue-shopping.btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  content: none;
  display: none;
}



/* Kółko ze strzałką po prawej */
html body#cart .cart__continue-shopping.btn::after {
    content: "";

    display: block;
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    margin: 0;

    background-color: #64A1F4;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    border-radius: 50%;

    transition: background-color .25s ease,
        background-image .25s ease,
        transform .25s ease;
}
html body#cart .cart__continue-shopping.btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: "";
  display: block;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  margin: 0;
  background-color: #64A1F4;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border-radius: 50%;
  transition: background-color .25s ease,
          background-image .25s ease,
          transform .25s ease;
}



/* Ukryj starą ikonę Material Icons z HTML */
html body#cart
.cart__continue-shopping.btn
> .material-icons {
    display: none;
}
html body#cart
.cart__continue-shopping.btn
> .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}



/* HOVER */
html body#cart .cart__continue-shopping.btn:hover {
    color: #fff;

    background: var(--pi-btn-hover);
    border-color: var(--pi-btn-hover);

    box-shadow: 0 10px 22px rgba(19, 91, 189, .24);

    transform: translateY(-2px);

    text-decoration: none;
}
html body#cart .cart__continue-shopping.btn:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
  background: var(--pi-btn-hover);
  border-color: var(--pi-btn-hover);
  box-shadow: 0 10px 22px rgba(19, 91, 189, .24);
  transform: translateY(-2px);
  text-decoration: none;
}



html body#cart .cart__continue-shopping.btn:hover::after {
    background-color: #fff;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    transform: translateX(2px);
}
html body#cart .cart__continue-shopping.btn:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='%23006CFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: translateX(2px);
}

/* ==========================================================================
   SOURCE: pi_sheet40.css
   ========================================================================== */
/* ==========================================================================
   IKONY HEADERA Z WŁASNYCH PLIKÓW SVG
   ========================================================================== */

@media (min-width: 1200px) {
  

      /* Ukrycie oryginalnych ikon */  
      #header #_desktop_ps_searchbar .ps-searchbar__magnifier,
    #header #_desktop_user_info .material-icons,
    #header #_desktop_ps_customersignin .material-icons,
    #header #_desktop_user_info .header-block__icon,
    #header #_desktop_ps_customersignin .header-block__icon,
    #header #_desktop_ps_shoppingcart .material-icons,
    #header #_desktop_ps_shoppingcart .header-block__icon {
        font-size: 0;
        line-height: 0;
        color: transparent;
    }
  

      /* Wyśrodkowanie zawartości kółek */  
      #header #_desktop_ps_searchbar .ps-searchbar__magnifier,
    #header #_desktop_user_info .header-block__action-btn,
    #header #_desktop_ps_customersignin .header-block__action-btn,
    #header #_desktop_ps_shoppingcart .header-block__action-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
  

      /* Wspólne ustawienia SVG */  
      #header #_desktop_ps_searchbar .ps-searchbar__magnifier::before,
    #header #_desktop_user_info .material-icons::before,
    #header #_desktop_ps_customersignin .material-icons::before,
    #header #_desktop_user_info .header-block__icon::before,
    #header #_desktop_ps_customersignin .header-block__icon::before,
    #header #_desktop_ps_shoppingcart .material-icons::before,
    #header #_desktop_ps_shoppingcart .header-block__icon::before {
        content: "";
        display: block;
        flex: 0 0 auto;

        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
  

      /* =========================
       LUPA
       ========================= */  

      #header #_desktop_ps_searchbar .ps-searchbar__magnifier::before {
        width: 22px;
        height: 22px;

        background-image: url("/themes/hummingbird/assets/img-dist/magnifying-glass.svg");
    }
  

      /* =========================
       UŻYTKOWNIK
       ========================= */  

      #header #_desktop_user_info .material-icons::before,
    #header #_desktop_ps_customersignin .material-icons::before,
    #header #_desktop_user_info .header-block__icon::before,
    #header #_desktop_ps_customersignin .header-block__icon::before {
        width: 22px;
        height: 22px;

        background-image: url("/themes/hummingbird/assets/img-dist/streamline-flex_user-full-body.svg");

        transform: translate(-11px,-11px);
    }
  

    
}


@media (min-width: 1200px) {
  

      /* Hover wspólny dla ikon */  
      #header #_desktop_ps_searchbar .ps-searchbar__magnifier:hover,
    #header #_desktop_user_info .header-block__action-btn:hover,
    #header #_desktop_ps_customersignin .header-block__action-btn:hover,
    #header #_desktop_ps_shoppingcart .header-block__action-btn:hover {
        background: #0b69f6;
        border-color: #0b69f6;
    }
  

      /* SVG na biało podczas hover */  
      #header #_desktop_ps_searchbar .ps-searchbar__magnifier:hover::before,
    #header #_desktop_user_info .header-block__action-btn:hover .material-icons::before,
    #header #_desktop_ps_customersignin .header-block__action-btn:hover .material-icons::before,
    #header #_desktop_user_info .header-block__action-btn:hover .header-block__icon::before,
    #header #_desktop_ps_customersignin .header-block__action-btn:hover .header-block__icon::before,
    #header #_desktop_ps_shoppingcart .header-block__action-btn:hover .material-icons::before,
    #header #_desktop_ps_shoppingcart .header-block__action-btn:hover .header-block__icon::before {
        filter: brightness(0) invert(1);
    }
  

      /* Płynna animacja */  
      #header #_desktop_user_info .header-block__action-btn,
    #header #_desktop_ps_customersignin .header-block__action-btn,
    #header #_desktop_ps_shoppingcart .header-block__action-btn {
        transition: background-color .2s ease,
            border-color .2s ease,
            transform .2s ease;
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__magnifier::before,
    #header #_desktop_user_info .material-icons::before,
    #header #_desktop_ps_customersignin .material-icons::before,
    #header #_desktop_user_info .header-block__icon::before,
    #header #_desktop_ps_customersignin .header-block__icon::before,
    #header #_desktop_ps_shoppingcart .material-icons::before,
    #header #_desktop_ps_shoppingcart .header-block__icon::before {
        transition: filter .2s ease;
    }
  
}




/* Obramowanie wszystkich ikon jak przy koszyku */
    #header #_desktop_ps_searchbar .ps-searchbar__magnifier,
    #header #_desktop_user_info .header-block__action-btn,
    #header #_desktop_ps_customersignin .header-block__action-btn {
        border: 1px solid #64A1F4;
    }


/* ==========================================================================
   KOSZYK
   ========================================================================== */

@media (min-width: 1200px) {
  

      #header #_desktop_ps_shoppingcart {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        margin-left: 10px;
        overflow: visible;
    }
  

      #header #_desktop_ps_shoppingcart .ps-shoppingcart {
        width: 46px;
        height: 46px;
        margin: 0;
        padding: 0;
        overflow: visible;
    }
  

      /* Właściwe kółko koszyka */  
      #header #_desktop_ps_shoppingcart .cart-preview {
        position: relative;

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

        width: 46px;
        height: 46px;
        margin: 0;
        padding: 0;

        border: 1px solid #64A1F4;
        border-radius: 50%;
        background: #fff;

        cursor: pointer;
        overflow: visible;

        transition: background-color .25s ease,
            border-color .25s ease;
    }
  

    

      /* Hover */  
      #header #_desktop_ps_shoppingcart .cart-preview:hover {
        background: #0B69F6;
        border-color: #0B69F6;
    }
  

      #header #_desktop_ps_shoppingcart .cart-preview:hover::before {
        filter: brightness(0) invert(1);
    }
  

      /* Licznik */  
      #header #_desktop_ps_shoppingcart .header-block__badge,
    #header #_desktop_ps_shoppingcart .cart-products-count {
        position: absolute;
        top: -6px;
        right: -6px;
        z-index: 5;

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

        width: 19px;

        padding: 0;
        margin: 0;

        font-size: 11px;
        font-weight: 700;
        line-height: 1;

        color: #fff;
        background: #0B69F6;

        border: 2px solid #fff;
        border-radius: 50%;

        transition: background-color .25s ease;
    }
  

      #header #_desktop_ps_shoppingcart .cart-preview:hover .header-block__badge,
    #header #_desktop_ps_shoppingcart .cart-preview:hover .cart-products-count {
        background: #64A1F4;
    }
  
}


/* ==========================================================================
   KOSZYK — POPRAWNE WYŚWIETLANIE WŁASNEGO SVG
   ========================================================================== */

@media (min-width: 1200px) {
  

      #header #_desktop_ps_shoppingcart {
        display: flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 46px;

        width: 46px;
        min-width: 46px;
        height: 80px;

        margin-left: 10px;
        padding: 0;

        overflow: visible;
    }
  #header #_desktop_ps_shoppingcart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    min-width: 46px;
    height: 80px;
    margin-left: 10px;
    padding: 0;
    overflow: visible;
  }
  

      #header #_desktop_ps_shoppingcart .ps-shoppingcart {
        position: relative;

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

        width: 46px;
        height: 46px;

        margin: 0;
        padding: 0;

        overflow: visible;
    }
  #header #_desktop_ps_shoppingcart .ps-shoppingcart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  

      /* Zewnętrzne kółko */  
      #header #_desktop_ps_shoppingcart .cart-preview {
        position: relative;

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

        width: 46px;
        min-width: 46px;
        height: 46px;
        min-height: 46px;

        margin: 0;
        padding: 0;

        color: #0b69f6;
        background: #fff;

        border: 1px solid #64a1f4;
        border-radius: 50%;

        box-shadow: 0 2px 6px rgba(45, 107, 177, .08);

        overflow: visible;
    }
  #header #_desktop_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    margin: 0;
    padding: 0;
    color: #0b69f6;
    background: #fff;
    border: 1px solid #64a1f4;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(45, 107, 177, .08);
    overflow: visible;
  }
  

      /*
     * Usunięcie starego pseudo-elementu.
     * Nie może być osobnym elementem flex obok linku.
     */  
      #header #_desktop_ps_shoppingcart .cart-preview::before,
    #header #_desktop_ps_shoppingcart .cart-preview::after {
        content: none;
        display: none;
    }
  #header #_desktop_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  #header #_desktop_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  

      /* Link wypełnia kółko */  
      #header #_desktop_ps_shoppingcart .header-block__action-btn {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;

        width: 100%;
        min-width: 0;
        height: 100%;

        margin: 0;
        padding: 0;

        color: #0b69f6;
        background: transparent;

        border: 0;
        border-radius: 50%;

        box-shadow: none;
        transform: none;
    }
  #header #_desktop_ps_shoppingcart .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #0b69f6;
    background: transparent;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    transform: none;
  }
  

      /*
     * Ikona jest teraz wewnątrz linku,
     * więc nie konkuruje z nim o szerokość.
     */  
      #header #_desktop_ps_shoppingcart
    .header-block__action-btn::before {
        content: "";

        display: block;
        flex: 0 0 22px;

        width: 22px;
        height: 22px;
        
        margin: 0;
        padding: 0;

        background-image: url("/themes/hummingbird/assets/img-dist/streamline-flex_shopping-cart-2.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        border: 0;
        transform: none;

        transition: filter .2s ease;
    }
  #header #_desktop_ps_shoppingcart
    .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
    content: "";
    display: block;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    background-image: url("/themes/hummingbird/assets/img-dist/streamline-flex_shopping-cart-2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    transform: none;
  }
  

      /* Ukrycie oryginalnej ikony i tekstu */  
      #header #_desktop_ps_shoppingcart .material-icons,
    #header #_desktop_ps_shoppingcart .header-block__icon,
    #header #_desktop_ps_shoppingcart .header-block__title,
    #header #_desktop_ps_shoppingcart .cart-label,
    #header #_desktop_ps_shoppingcart .cart-title {
        display: none;
    }
  #header #_desktop_ps_shoppingcart .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .header-block__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      /* Hover */  
      #header #_desktop_ps_shoppingcart .cart-preview:hover {
        background: #0b69f6;
        border-color: #0b69f6;
    }
  #header #_desktop_ps_shoppingcart .cart-preview:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    background: #0b69f6;
    border-color: #0b69f6;
  }
  

      #header #_desktop_ps_shoppingcart
    .cart-preview:hover
    .header-block__action-btn::before {
        filter: brightness(0) invert(1);
    }
  

      /* Licznik */  
      #header #_desktop_ps_shoppingcart .header-block__badge,
    #header #_desktop_ps_shoppingcart .cart-products-count {
        position: absolute;

        top: -6px;
        right: -6px;
        z-index: 10;

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

        min-width: 20px;
        height: 20px;

        margin: 0;
        padding: 0 4px;

        color: #fff;
        background: #0b69f6;

        border: 2px solid #fff;
        border-radius: 999px;

        font-size: 11px;
        font-weight: 700;
        line-height: 16px;

        box-sizing: border-box;
    }
  #header #_desktop_ps_shoppingcart .header-block__badge:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-products-count:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    margin: 0;
    padding: 0 4px;
    color: #fff;
    background: #0b69f6;
    border: 2px solid #fff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
  }
  
}



/* ==========================================================================
   HEADER — UKRYCIE NAPISU „KOSZYK”, LICZNIK ZOSTAJE
   ========================================================================== */

@media (min-width: 1200px) {
  

      #header #_desktop_ps_shoppingcart
    .header-block__action-btn > span:not(.header-block__badge):not(.cart-products-count) {
        display: none;
    }
  #header #_desktop_ps_shoppingcart
    .header-block__action-btn > span:not(.header-block__badge):not(.cart-products-count):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      #header #_desktop_ps_shoppingcart
    .header-block__title,
    #header #_desktop_ps_shoppingcart
    .cart-label,
    #header #_desktop_ps_shoppingcart
    .cart-title,
    #header #_desktop_ps_shoppingcart
    .d-none.d-md-flex {
        display: none;
    }
  #header #_desktop_ps_shoppingcart
    .header-block__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart
    .cart-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart
    .cart-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart
    .d-none.d-md-flex:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      #header #_desktop_ps_shoppingcart
    .header-block__action-btn {
        gap: 0;
        font-size: 0;
    }
  #header #_desktop_ps_shoppingcart
    .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    gap: 0;
    font-size: 0;
  }
  

      /* Przywrócenie rozmiaru tekstu licznika */  
      #header #_desktop_ps_shoppingcart
    .header-block__badge,
    #header #_desktop_ps_shoppingcart
    .cart-products-count {
        font-size: 11px;
        line-height: 1;
    }
  #header #_desktop_ps_shoppingcart
    .header-block__badge:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart
    .cart-products-count:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 11px;
    line-height: 1;
  }
  
}

/* ==========================================================================
   SOURCE: pi_sheet41.css
   ========================================================================== */
/* ==========================================================================
   JEDNO CIĄGŁE TŁO DLA HEADERA + HERO
   ========================================================================== */

body#index {
    position: relative;
    isolation: isolate;
}


/* Jedna wspólna mapa */
body#index::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 780px;

    background-image: linear-gradient(
            rgba(255, 255, 255, .08),
            rgba(255, 255, 255, .08)
        ),
        url("/img/cms/background.png");

    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}


/* Header i hero bez własnego tła */
body#index #header,
body#index #header .header-bottom,
body#index #header .header-bottom__container,
body#index .pi-banner,
body#index .pi-slider {
    background: transparent;
}


/* Wyłączenie starych warstw */
body#index #header::before,
body#index #header .header-bottom::before,
body#index .pi-slider::before {
    content: none;
    display: none;
}


/* Elementy ponad wspólnym tłem */
body#index #header,
body#index .pi-banner,
body#index .pi-slider {
    position: relative;
}


/* Biała belka menu */
@media (min-width: 1200px) {
  
      body#index #header .header-bottom__row {
        background: rgba(255, 255, 255, .96);
        border-radius: 42px;
        box-shadow: 0 8px 30px rgba(18, 42, 69, .08);
    }
  
}



 .header-bottom {
    border-bottom: none;
}



/* ==========================================================================
   STATS — FULL WIDTH BACKGROUND
   ========================================================================== */

body#index .pis-stats-bar {
    position: relative;

    width: 100vw;
    max-width: none;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding: 60px 0;

    background: #FBFAF8;
}
body#index .pis-stats-bar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 60px 0;
  background: #FBFAF8;
}



/* środek nadal ograniczony do szerokości contentu */
body#index .pis-stats-bar__inner {
    width: 100%;
    max-width: 1400px;

    margin: 0 auto;

    background: transparent;
}
body#index .pis-stats-bar__inner:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  background: transparent;
}




body#index .pis-stats-bar::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -48px;

    width: 100vw;
    height: 48px;

    background-color: #FBFAF8;

    transform: translateX(-50%);

    z-index: 0;
}
body#index .pis-stats-bar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -48px;
  width: 100vw;
  height: 48px;
  background-color: #FBFAF8;
  transform: translateX(-50%);
  z-index: 0;
}



/* ==========================================================================
   SOURCE: pi_sheet43.css
   ========================================================================== */
/* ==========================================================================
   COMPACT HEADER PO SCROLLU — CZYSTA WERSJA
   ========================================================================== */

@media (min-width: 1200px) {
  

      /* ======================================================================
       HEADER I BELKA
       ====================================================================== */  

      #header.header--compact {
        position: relative;
        z-index: 10050;
    }
  #header.header--compact:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    z-index: 10050;
  }
  

      #header.header--compact .header-bottom {
        min-height: 76px;
        padding: 6px 28px;

        background: transparent;
        overflow: visible;
    }
  #header.header--compact .header-bottom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    min-height: 76px;
    padding: 6px 28px;
    background: transparent;
    overflow: visible;
  }
  

      #header.header--compact .header-bottom__container {
        background: transparent;
        overflow: visible;
    }
  #header.header--compact .header-bottom__container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    background: transparent;
    overflow: visible;
  }
  

      #header.header--compact .header-bottom__row {
        top: 6px;

        display: flex;
        align-items: center;
        flex-wrap: nowrap;

        height: 64px;
        min-height: 64px;

        margin: 0;
        padding: 0 16px 0 14px;

        /*
         * Pełne białe tło.
         * Bez rgba i bez blur, żeby banner nie prześwitywał.
         */
        background: #fff;
        background-color: #fff;

        border: 1px solid rgba(30, 80, 145, .08);
        border-radius: 34px;

        box-shadow: 0 7px 24px rgba(18, 42, 69, .1);

        opacity: 1;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;

        overflow: visible;
        isolation: isolate;
    }
  #header.header--compact .header-bottom__row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    top: 6px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 64px;
    min-height: 64px;
    margin: 0;
    padding: 0 16px 0 14px;
    background: #fff;
    background-color: #fff;
    border: 1px solid rgba(30, 80, 145, .08);
    border-radius: 34px;
    box-shadow: 0 7px 24px rgba(18, 42, 69, .1);
    opacity: 1;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow: visible;
  }
  


      /* ======================================================================
       LOGO
       ====================================================================== */  

      #header.header--compact .header-bottom__logo,
    #header.header--compact #_desktop_logo {
        align-self: stretch;

        display: flex;
        align-items: center;
        justify-content: flex-start;

        flex: 0 0 210px;

        width: 210px;
        min-width: 210px;
        max-width: 210px;
        height: 64px;

        margin: 0 20px 0 0;
        padding: 0;

        transform: none;
    }
  #header.header--compact .header-bottom__logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 210px;
    width: 210px;
    min-width: 210px;
    max-width: 210px;
    height: 64px;
    margin: 0 20px 0 0;
    padding: 0;
    transform: none;
  }
  

      #header.header--compact #_desktop_logo a,
    #header.header--compact .header-bottom__logo a {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        width: 100%;
        height: 64px;

        margin: 0;
        padding: 0;
    }
  #header.header--compact #_desktop_logo a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact .header-bottom__logo a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 64px;
    margin: 0;
    padding: 0;
  }
  

      #header.header--compact #_desktop_logo img,
    #header.header--compact .header-bottom__logo img {
        display: block;

        width: auto;
        max-width: 195px;

        height: auto;
        max-height: 48px;

        margin: 0;
        padding: 0;

        object-fit: contain;
        object-position: left center;

        transform: none;
    }
  #header.header--compact #_desktop_logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact .header-bottom__logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: auto;
    max-width: 195px;
    height: auto;
    max-height: 48px;
    margin: 0;
    padding: 0;
    transform: none;
  }
  


      /* ======================================================================
       MENU
       ====================================================================== */  

      #header.header--compact .ps-mainmenu--desktop {
        align-self: stretch;

        display: flex;
        align-items: center;

        flex: 1 1 auto;

        min-width: 0;
        height: 64px;

        margin: 0;
        padding: 0;
    }
  #header.header--compact .ps-mainmenu--desktop:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    align-self: stretch;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    height: 64px;
    margin: 0;
    padding: 0;
  }
  

      #header.header--compact .ps-mainmenu__desktop {
        display: flex;
        align-items: center;

        width: 100%;
        height: 64px;
    }
  #header.header--compact .ps-mainmenu__desktop:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
  }
  

      #header.header--compact #top-menu {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;

        width: 100%;
        height: 64px;

        gap: 20px;

        margin: 0;
        padding: 0;
    }
  #header.header--compact #top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 64px;
    gap: 20px;
    margin: 0;
    padding: 0;
  }
  

      #header.header--compact #top-menu > li {
        display: flex;
        align-items: center;

        height: 64px;

        margin: 0;
        padding: 0;
    }
  #header.header--compact #top-menu > li:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0;
  }
  

      #header.header--compact
    #top-menu > li > .ps-mainmenu__tree-item-wrapper,
    #header.header--compact
    #top-menu > li .ps-mainmenu__tree-link {
        display: flex;
        align-items: center;

        height: 64px;
        min-height: 64px;

        margin: 0;
        padding-top: 0;
        padding-bottom: 0;

        font-size: 14px;
        white-space: nowrap;
    }
  #header.header--compact
    #top-menu > li > .ps-mainmenu__tree-item-wrapper:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #top-menu > li .ps-mainmenu__tree-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    height: 64px;
    min-height: 64px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }
  


      /* ======================================================================
       ZEWNĘTRZNE KONTENERY IKON

       Każdy kontener ma wysokość belki 64px.
       Kółko wewnątrz ma 40px.
       ====================================================================== */  

      #header.header--compact #_desktop_search_widget,
    #header.header--compact #_desktop_ps_searchbar,
    #header.header--compact #_desktop_user_info,
    #header.header--compact #_desktop_ps_customersignin,
    #header.header--compact #_desktop_wishlist,
    #header.header--compact #_desktop_blockwishlist,
    #header.header--compact #_desktop_ps_shoppingcart {
        position: relative;

        align-self: stretch;

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

        flex: 0 0 40px;

        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 64px;
        min-height: 64px;
        max-height: 64px;

        margin: 0 0 0 8px;
        padding: 0;

        float: none;

        overflow: visible;
        transform: none;
    }
  #header.header--compact #_desktop_search_widget:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_user_info:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_ps_customersignin:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_wishlist:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_blockwishlist:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_ps_shoppingcart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 64px;
    min-height: 64px;
    max-height: 64px;
    margin: 0 0 0 8px;
    padding: 0;
    float: none;
    overflow: visible;
    transform: none;
  }
  


      /* ======================================================================
       WSPÓLNY WYGLĄD KÓŁEK
       ====================================================================== */  

      #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier,

    #header.header--compact
    #_desktop_user_info .header-block__action-btn,

    #header.header--compact
    #_desktop_user_info .dropdown-toggle,

    #header.header--compact
    #_desktop_ps_customersignin .header-block__action-btn,

    #header.header--compact
    #_desktop_ps_customersignin .dropdown-toggle,

    #header.header--compact
    #_desktop_wishlist .wishlist-button,

    #header.header--compact
    #_desktop_blockwishlist .wishlist-button,

    #header.header--compact
    #_desktop_ps_shoppingcart .cart-preview {
        display: flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 40px;

        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;

        margin: 0;
        padding: 0;

        color: #006cff;
        background: #fff;

        border: 1px solid #64a1f4;
        border-radius: 50%;

        box-shadow: 0 2px 6px rgba(45, 107, 177, .08);

        box-sizing: border-box;
        transform: none;
    }
  #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_user_info .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_user_info .dropdown-toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_customersignin .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_customersignin .dropdown-toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_wishlist .wishlist-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_blockwishlist .wishlist-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin: 0;
    padding: 0;
    color: #006cff;
    background: #fff;
    border: 1px solid #64a1f4;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(45, 107, 177, .08);
    transform: none;
  }
  


      /* ======================================================================
       WYSZUKIWARKA
       ====================================================================== */  

      #header.header--compact #_desktop_ps_searchbar {
        z-index: 100;
    }
  

      #header.header--compact
    #_desktop_ps_searchbar #ps_searchbar {
        position: absolute;

        top: 50%;
        right: 0;
        left: auto;
        
        width: 40px;
        height: 40px;

        margin: 0;
        padding: 0;

        transform: translateY(-50%);
    }
  #header.header--compact
    #_desktop_ps_searchbar #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
  }
  

      #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__form {
        position: relative;

        width: 100%;
        height: 40px;

        margin: 0;
        padding: 0;
    }
  #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__form:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
  }
  

      #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier {
        position: absolute;

        top: 0;
        right: 0;
        left: auto;

        transform: none;
    }
  #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    transform: none;
  }
  

      #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:hover,
    #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:focus,
    #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:active {
        width: 40px;
        height: 40px;

        transform: none;
    }
  #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:active:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 40px;
    height: 40px;
    transform: none;
  }
  

      /* Otwarta wyszukiwarka */  

      #header.header--compact
    #_desktop_ps_searchbar.is-search-open #ps_searchbar {
        width: 270px;
        min-width: 270px;
        max-width: 270px;
    }
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
  }
  

      #header.header--compact
    #_desktop_ps_searchbar.is-search-open .ps-searchbar__form {
        width: 270px;
        min-width: 270px;
        max-width: 270px;
    }
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open .ps-searchbar__form:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
  }
  

      #header.header--compact
    #_desktop_ps_searchbar.is-search-open .ps-searchbar__input {
        width: 100%;
        height: 40px;

        padding-right: 48px;
        line-height: 40px;
    }
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open .ps-searchbar__input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    height: 40px;
    padding-right: 48px;
    line-height: 40px;
  }
  


      /* ======================================================================
       IKONA UŻYTKOWNIKA
       ====================================================================== */  

      #header.header--compact
    #_desktop_user_info .header-block__title,
    #header.header--compact
    #_desktop_ps_customersignin .header-block__title {
        display: none;
    }
  #header.header--compact
    #_desktop_user_info .header-block__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_customersignin .header-block__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      #header.header--compact
    #_desktop_user_info .material-icons,
    #header.header--compact
    #_desktop_user_info .header-block__icon,
    #header.header--compact
    #_desktop_ps_customersignin .material-icons,
    #header.header--compact
    #_desktop_ps_customersignin .header-block__icon {
        position: relative;

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

        width: 19px;
        min-width: 19px;
        height: 19px;
        min-height: 19px;

        margin: 0;
        padding: 0;

        font-size: 0;
        line-height: 0;

        transform: none;
    }
  #header.header--compact
    #_desktop_user_info .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_user_info .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_customersignin .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_customersignin .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    min-width: 19px;
    height: 19px;
    min-height: 19px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    transform: none;
  }
  

      #header.header--compact
    #_desktop_user_info .material-icons::before,
    #header.header--compact
    #_desktop_user_info .header-block__icon::before,
    #header.header--compact
    #_desktop_ps_customersignin .material-icons::before,
    #header.header--compact
    #_desktop_ps_customersignin .header-block__icon::before {
        position: static;

        display: block;

        width: 19px;
        height: 19px;

        margin: 0;

        transform: none;
    }
  #header.header--compact
    #_desktop_user_info .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  #header.header--compact
    #_desktop_user_info .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  #header.header--compact
    #_desktop_ps_customersignin .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  #header.header--compact
    #_desktop_ps_customersignin .header-block__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
    position: static;
    display: block;
    width: 19px;
    height: 19px;
    margin: 0;
    transform: none;
  }
  


      /* ======================================================================
       KOSZYK
       ====================================================================== */  

      #header.header--compact
    #_desktop_ps_shoppingcart .ps-shoppingcart {
        position: relative;

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

        width: 40px;
        height: 40px;

        margin: 0;
        padding: 0;

        overflow: visible;
    }
  #header.header--compact
    #_desktop_ps_shoppingcart .ps-shoppingcart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  

      #header.header--compact
    #_desktop_ps_shoppingcart .cart-preview {
        position: relative;

        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;

        overflow: visible;
    }
  #header.header--compact
    #_desktop_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    overflow: visible;
  }
  

      /*
     * Link nie może tworzyć własnego drugiego kółka.
     */  
      #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn {
        position: relative;

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

        width: 100%;
        min-width: 0;
        max-width: none;

        height: 100%;
        min-height: 0;
        max-height: none;

        margin: 0;
        padding: 0;

        color: inherit;
        background: transparent;

        border: 0;
        border-radius: 50%;

        box-shadow: none;
        transform: none;

    }
  #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    transform: none;
  }
  

      #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn:hover,
    #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn:focus,
    #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn:active {
        color: inherit;
        background: transparent;

        border: 0;
        box-shadow: none;
        transform: none;
    }
  #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_shoppingcart .header-block__action-btn:active:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: inherit;
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none;
  }
  

      /* SVG koszyka wewnątrz linku */  

      #header.header--compact
    #_desktop_ps_shoppingcart
    .header-block__action-btn::before {
        display: block;
        flex: 0 0 19px;

        width: 19px;
        height: 19px;

        margin: 0;
        padding: 0;

        transform: none;
    }
  #header.header--compact
    #_desktop_ps_shoppingcart
    .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
    display: block;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    transform: none;
  }
  

      #header.header--compact
    #_desktop_ps_shoppingcart .header-block__title,
    #header.header--compact
    #_desktop_ps_shoppingcart .cart-label,
    #header.header--compact
    #_desktop_ps_shoppingcart .cart-title {
        display: none;
    }
  #header.header--compact
    #_desktop_ps_shoppingcart .header-block__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_shoppingcart .cart-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_shoppingcart .cart-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  


      /* ======================================================================
       LICZNIK KOSZYKA
       ====================================================================== */  

      #header.header--compact
    #_desktop_ps_shoppingcart .header-block__badge,
    #header.header--compact
    #_desktop_ps_shoppingcart .cart-products-count {
        position: absolute;

        top: -5px;
        right: -5px;
        z-index: 10;

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

        width: 18px;
        min-width: 18px;
        height: 18px;
        min-height: 18px;

        margin: 0;
        padding: 0;

        font-size: 10px;
        font-weight: 700;
        line-height: 14px;

        color: #fff;
        background: #006cff;

        border: 2px solid #fff;
        border-radius: 50%;

        box-sizing: border-box;
    }
  #header.header--compact
    #_desktop_ps_shoppingcart .header-block__badge:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_shoppingcart .cart-products-count:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #006cff;
    border: 2px solid #fff;
    border-radius: 50%;
  }
  


      /* ======================================================================
       HOVER
       ====================================================================== */  

      #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:hover,

    #header.header--compact
    #_desktop_user_info .header-block__action-btn:hover,

    #header.header--compact
    #_desktop_user_info .dropdown-toggle:hover,

    #header.header--compact
    #_desktop_ps_customersignin .header-block__action-btn:hover,

    #header.header--compact
    #_desktop_ps_customersignin .dropdown-toggle:hover,

    #header.header--compact
    #_desktop_ps_shoppingcart .cart-preview:hover {
        color: #fff;
        background: #006cff;
        border-color: #006cff;

        transform: none;
    }
  #header.header--compact
    #_desktop_ps_searchbar .ps-searchbar__magnifier:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_user_info .header-block__action-btn:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_user_info .dropdown-toggle:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_customersignin .header-block__action-btn:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_customersignin .dropdown-toggle:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_shoppingcart .cart-preview:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: #fff;
    background: #006cff;
    border-color: #006cff;
    transform: none;
  }
  


      /* ======================================================================
       MEGA MENU
       ====================================================================== */  

      #header.header--compact
    #top-menu > li.ps-mainmenu__tree-item > .submenu {
        top: 64px;
    }
  #header.header--compact
    #top-menu > li.ps-mainmenu__tree-item > .submenu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    top: 64px;
  }
  
}

/* ==========================================================================
   SOURCE: pi_sheet44.css
   ========================================================================== */
/* ==========================================================================
   MINIATURA PRODUKTU — KARTA JAK W PROJEKCIE
   ========================================================================== */

html body .product-miniature {
    position: relative;

    background: #fff;
    border-radius: 28px;
    overflow: hidden;

    box-shadow: 0 10px 28px rgba(25, 42, 70, .14);

    transition: transform .25s ease,
        box-shadow .25s ease;
}


/* Hover całej karty */
html body .product-miniature:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(25, 42, 70, .18);
}


/* Górna część ze zdjęciem */
html body .product-miniature__top {
    position: relative;

    margin: 16px 16px 0;
    overflow: hidden;

    border-radius: 24px;
}


/* Zdjęcie */
html body .product-miniature__image,
html body .product-miniature img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;
    border-radius: 24px;
}


/* Dolna część z tekstem */
html body .product-miniature__infos,
html body .product-miniature__info,
html body .product-miniature__bottom {
    padding: 10px;
}


/* Nazwa produktu */
html body .product-miniature__title,
html body .product-miniature .product-title,
html body .product-miniature .product-title a {

    font-family: "Syne", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.15;

    color: #111;
    text-decoration: none;
}


/* Cena */
html body .product-miniature__price {

    margin: 0;

    font-family: "Syne", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;

    color: #006CFF;
    padding-top: 10px;
}


html body .product-miniature__discount-price {
    margin: 0;

    font-family: "Syne", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;

    color: #333;
}


html body .product-miniature__quickview-button,
html body .product-miniature__quickview-touch {
    display: none;
}
html body .product-miniature__quickview-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
html body .product-miniature__quickview-touch:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}



.product-miniature__description {
    margin-top: 12px;
    min-height: 42px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #5f6673;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    overflow: hidden;
}


.product-miniature__description p {
    margin: 0;
}

/* ==========================================================================
   SOURCE: pi_sheet45.css
   ========================================================================== */
/* ==========================================================================
   SEKCJA O MODUŁACH — SYRENA
   ========================================================================== */

/* ==========================================================================
   ABOUT OCEAN — SEKCJA NA CAŁĄ SZEROKOŚĆ
   ========================================================================== */

.about-ocean {
    position: relative;

    width: 100vw;
    max-width: 100vw;

    margin: 60px
        0
        60px
        calc(50% - 50vw);

    padding: 0;

    color: #222;
    background: #fff;

    overflow: hidden;
    box-sizing: border-box;
    isolation: isolate;
}


.about-ocean,
.about-ocean *,
.about-ocean *::before,
.about-ocean *::after {
    box-sizing: border-box;
}



/* ==========================================================================
   WEWNĘTRZNY KONTENER
   ========================================================================== */

.about-ocean__inner {
    display: grid;

    grid-template-columns: minmax(0, 1.05fr)
        minmax(0, .95fr);

    grid-template-areas: "header mermaid"
        "left   mermaid"
        "shells right";

    grid-template-rows: auto
        auto
        245px;

    /*column-gap: clamp(70px, 7vw, 120px);*/
    /*row-gap: 24px;*/

    width: 100%;
    max-width: 1320px;
    min-height: 0;

    margin: 0 auto;

    box-sizing: border-box;
}



/* ==========================================================================
   NAGŁÓWEK
   ========================================================================== */

.about-ocean__header {
    grid-area: header;

    align-self: end;

    width: 100%;
    max-width: 610px;

    margin: 100px 0 0;
}


.about-ocean__eyebrow {
    margin: 0 0 10px;
    padding: 0;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;

    color: #006cff;

    text-transform: uppercase;
}


.about-ocean__title {
    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 610px;

    margin: 0;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;

    color: #171717;
}
.about-ocean__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.about-ocean__title > span {
    display: block;

    font-family: "Syne", sans-serif;
}
.about-ocean__title > span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.about-ocean__title strong {
    font-family: "Syne", sans-serif;
    font-weight: inherit;

    color: #006cff;
}
.about-ocean__title strong:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}



/* ==========================================================================
   SYRENA
   ========================================================================== */

.about-ocean__mermaid {
    grid-area: mermaid;

    position: relative;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    min-width: 0;
    min-height: 0;
}


.about-ocean__mermaid img {
    display: block;

    width: auto;
    max-width: 400px;

    height: auto;
    max-height: 500px;

    margin: 0 auto;

    object-fit: contain;
    object-position: center top;
}



/* ==========================================================================
   TEKST
   ========================================================================== */

.about-ocean__copy {
    width: 100%;

    margin: 0;
    padding: 0;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.36;

    color: #222;
}


.about-ocean__copy--left {
    grid-area: left;

    max-width: 535px;
}


.about-ocean__copy--right {
    grid-area: right;

    align-self: center;
    justify-self: end;

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


.about-ocean__copy p {
    margin: 0 0 18px;
    padding: 0;
}


.about-ocean__copy p:last-child {
    margin-bottom: 0;
}


.about-ocean__copy strong {
    font-weight: 700;

    color: #161616;
}



/* ==========================================================================
   MUSZELKI
   ========================================================================== */

.about-ocean__shells {
    grid-area: shells;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 245px;
}


.about-ocean__shells img {
    display: block;

    width: 100%;
    max-width: 580px;

    height: 225px;
    max-height: 225px;

    margin: 0;

    object-fit: contain;
    object-position: left center;
}



/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1199px) {
  

      .about-ocean {
        width: 100vw;
        max-width: 100vw;

        margin: 55px
            0
            55px
            calc(50% - 50vw);

        padding: 0;
    }
  

      .about-ocean__inner {
        grid-template-columns: minmax(0, 1fr)
            minmax(0, .9fr);

        grid-template-areas: "header mermaid"
            "left   mermaid"
            "shells right";

        grid-template-rows: auto
            auto
            220px;

        column-gap: 48px;
        row-gap: 24px;

    }
  

      .about-ocean__header {
        margin-top: 55px;
    }
  

      .about-ocean__eyebrow {
        font-size: 14px;
    }
  

      .about-ocean__title {
        font-size: clamp(38px, 4.7vw, 48px);
    }
  

      .about-ocean__mermaid img {
        max-width: 330px;
        max-height: 430px;
    }
  

      .about-ocean__copy {
        font-size: 14px;
        line-height: 1.4;
    }
  

      .about-ocean__copy--left,
    .about-ocean__copy--right {
        max-width: 100%;
    }
  

      .about-ocean__shells {
        height: 220px;
    }
  

      .about-ocean__shells img {
        max-width: 470px;

        height: 200px;
        max-height: 200px;
    }
  
}



/* ==========================================================================
   TELEFON
   ========================================================================== */

@media (max-width: 767px) {
  

      .about-ocean {
        width: 100vw;
        max-width: 100vw;

        margin: 45px
            0
            45px
            calc(50% - 50vw);

        padding: 0;
    }
  

      .about-ocean__inner {
        grid-template-columns: minmax(0, 1fr);

        grid-template-areas: "header"
            "mermaid"
            "left"
            "right"
            "shells";

        grid-template-rows: auto;

        column-gap: 0;
        row-gap: 30px;

        width: 100%;
        max-width: none;

    }
  

      .about-ocean__header {
        width: 100%;
        max-width: 100%;

        margin-top: 0;
    }
  

      .about-ocean__eyebrow {
        margin-bottom: 8px;

        font-size: 13px;
        line-height: 1.3;
    }
  

      .about-ocean__title {
        width: 100%;
        max-width: 100%;

        font-size: clamp(36px, 10vw, 48px);
        line-height: 1;
    }
  

      .about-ocean__mermaid {
        width: 100%;

        justify-content: center;
    }
  

      .about-ocean__mermaid img {
        width: auto;
        max-width: min(280px, 90%);

        height: auto;
        max-height: 370px;
    }
  

      .about-ocean__copy,
    .about-ocean__copy--left,
    .about-ocean__copy--right {
        justify-self: start;

        width: 100%;
        max-width: 100%;

        font-size: 15px;
        line-height: 1.5;
    }
  

      .about-ocean__copy p {
        margin-bottom: 20px;
    }
  

      .about-ocean__shells {
        width: 100%;
        height: auto;
        min-height: 0;

        justify-content: center;
    }
  

      .about-ocean__shells img {
        width: 100%;
        max-width: 350px;

        height: auto;
        max-height: none;

        margin: 0 auto;

        object-position: center;
    }
  
}



/* ==========================================================================
   MAŁE TELEFONY
   ========================================================================== */

@media (max-width: 440px) {
  

  

      .about-ocean__title {
        font-size: clamp(34px, 10vw, 42px);
    }
  

      .about-ocean__mermaid img {
        max-width: 250px;
    }
  

      .about-ocean__shells img {
        max-width: 300px;
    }
  
}



/* ==========================================================================
   CTA — PIRAT I KOŁO STEROWE — PEŁNA SZEROKOŚĆ
   ========================================================================== */

.pirate-cta {
    position: relative;

    width: 100vw;
    max-width: none;

    margin: 80px 0 80px calc(50% - 50vw);
    padding: 0;

    background: #fff;

    box-sizing: border-box;
    overflow: hidden;
}
.pirate-cta:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: #fff;
}


.pirate-cta__inner {
    position: relative;

    display: grid;
    grid-template-columns: minmax(280px, .85fr)
        minmax(420px, 1fr)
        minmax(240px, .75fr);

    align-items: center;

    width: 100%;
    max-width: none;
    min-height: 520px;

    margin: 0;
    padding: 55px
        clamp(40px, 6vw, 110px);

    background: #fff;

    box-sizing: border-box;
    overflow: hidden;
}
.pirate-cta__inner:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: #fff;
}



/* ==========================================================================
   PIRAT
   ========================================================================== */

.pirate-cta__pirate {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    height: 100%;
    min-width: 0;
}


.pirate-cta__pirate img {
    display: block;

    width: 100%;
    max-width: 330px;
    height: auto;
    max-height: 450px;

    margin: 0;

    object-fit: contain;
    object-position: left bottom;
}



/* ==========================================================================
   TREŚĆ
   ========================================================================== */

.pirate-cta__content {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 510px;

    margin: 0 auto;
    padding: 15px 25px;
}


.pirate-cta__eyebrow {
    margin: 0 0 12px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;

    color: #006cff;
    text-transform: uppercase;
}


.pirate-cta__title {
    margin: 0 0 22px;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: clamp(42px, 3.7vw, 58px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;

    color: #111;
}
.pirate-cta__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.pirate-cta__title span {
    font-family: "Syne", sans-serif;
    color: #006cff;
}
.pirate-cta__title span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


.pirate-cta__description {
    width: 100%;
    max-width: 475px;

    margin: 0 0 24px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.38;

    color: #222;
}



/* ==========================================================================
   PRZYCISK
   ========================================================================== */

.pirate-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    min-width: 250px;
    height: 56px;

    padding: 0 8px 0 28px;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;

    color: #fff;
    text-decoration: none;

    background: #006cff;
    border-radius: 999px;

    box-shadow: 0 10px 22px rgba(0, 108, 255, .22);

    transition: background-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.pirate-cta__button-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    margin-left: 24px;

   
    color: #fff;

  background-color: rgb(255 255 255 / .22);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
    border-radius: 50%;

    transition: transform .2s ease;
}


.pirate-cta__button:hover,
.pirate-cta__button:focus-visible {
    color: #fff;
    background: #0056cb;
}


.pirate-cta__button:hover .pirate-cta__button-icon,
.pirate-cta__button:focus-visible .pirate-cta__button-icon {
    transform: translateX(3px);
}



/* ==========================================================================
   KOŁO STEROWE
   ========================================================================== */

.pirate-cta__wheel {
    position: absolute;
    z-index: 1;

    top: 50%;
    right: -135px;

    width: 430px;
    height: 430px;

    transform: translateY(-50%);

    pointer-events: none;
}


.pirate-cta__wheel img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}



/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1199px) {
  

      .pirate-cta {
        margin-top: 60px;
        margin-bottom: 60px;
    }
  

      .pirate-cta__inner {
        grid-template-columns: minmax(220px, .8fr)
            minmax(390px, 1.2fr);

        min-height: 470px;

        padding: 45px
            clamp(28px, 5vw, 60px);
    }
  

      .pirate-cta__pirate img {
        max-width: 275px;
        max-height: 380px;
    }
  

      .pirate-cta__content {
        max-width: 530px;
        padding: 10px 25px;
    }
  

      .pirate-cta__title {
        font-size: clamp(40px, 5vw, 52px);
    }
  

      .pirate-cta__wheel {
        right: -190px;

        width: 360px;
        height: 360px;

        opacity: .8;
    }
  
}



/* ==========================================================================
   TELEFON
   ========================================================================== */

@media (max-width: 767px) {
  

      .pirate-cta {
        margin-top: 45px;
        margin-bottom: 45px;
    }
  

      .pirate-cta__inner {
        grid-template-columns: 1fr;

        min-height: 0;

        padding: 42px 20px 36px;
    }
  

      .pirate-cta__content {
        order: 1;

        max-width: 100%;

        margin: 0;
        padding: 0;

        text-align: center;
    }
  

      .pirate-cta__eyebrow {
        font-size: 13px;
    }
  

      .pirate-cta__title {
        font-size: clamp(38px, 11vw, 50px);
        line-height: 1;
    }
  

      .pirate-cta__description {
        max-width: 500px;

        margin-right: auto;
        margin-left: auto;

        font-size: 15px;
        line-height: 1.5;
    }
  

      .pirate-cta__button {
        width: 100%;
        max-width: 340px;

        margin: 0 auto;
    }
  

      .pirate-cta__pirate {
        order: 2;

        justify-content: center;

        margin-top: 35px;
    }
  

      .pirate-cta__pirate img {
        max-width: 245px;
        max-height: 330px;

        margin: 0 auto;
    }
  

      .pirate-cta__wheel {
        top: auto;
        right: -100px;
        bottom: -90px;

        width: 250px;
        height: 250px;

        opacity: .16;

        transform: none;
    }
  
}




/* ==========================================================================
   FOOTER BEFORE — BIAŁA SEKCJA NAD STOPKĄ
   ========================================================================== */

#footer .footer.footer__before,
.footer.footer__before {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    color: #222;
    background: #fff;
    background-image: none;

    border: 0;
    box-shadow: none;
}
#footer .footer.footer__before:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.footer.footer__before:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  background: #fff;
  background-image: none;
  border: 0;
  box-shadow: none;
}


/* Usunięcie ewentualnych dekoracji odziedziczonych po .footer */
#footer .footer.footer__before::before,
#footer .footer.footer__before::after,
.footer.footer__before::before,
.footer.footer__before::after {
    display: none;
    content: none;
}
#footer .footer.footer__before:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
#footer .footer.footer__before:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
.footer.footer__before:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
.footer.footer__before:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  display: none;
  content: none;
}


/* Banner bez dodatkowego niebieskiego obszaru */
.footer__before .pirate-cta {
    margin-top: 0;
    margin-bottom: 0;

    background: #fff;
}
.footer__before .pirate-cta:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: #fff;
}


.footer__before .pirate-cta__inner {
    background: #fff;
}
.footer__before .pirate-cta__inner:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: #fff;
}

/* ==========================================================================
   SOURCE: pi_sheet46.css
   ========================================================================== */
/* ==========================================================================
   BANER — DWIE RYBY
   ========================================================================== */

.journey-banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;

    width: 100%;
    max-width: 1320px;
    min-height: 430px;

    margin: 80px auto;
    padding: 55px 70px;

    background: #fff;
    border-radius: 28px;

    box-sizing: border-box;
    overflow: hidden;
}



/* ==========================================================================
   LEWA STRONA — RYBY
   ========================================================================== */

.journey-banner__fishes {
    position: relative;

    width: 100%;
    min-height: 320px;
}


/* Wspólne ustawienia */
.journey-banner__fish {
    position: absolute;

    display: block;
    height: auto;

    object-fit: contain;
}


/* Duża ryba */
.journey-banner__fish--large {
    top: 15px;
    left: 0;

    width: 60%;
    max-width: 430px;
}


/* Mała ryba */
.journey-banner__fish--small {
    right: 70px;
    bottom: 5px;

    width: 45%;
    max-width: 265px;
}


/* Nagłówek */
.journey-banner__title {
    margin: 0;

    font-family: "Syne", sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -0.035em;

    color: #292929;
}


/* Niebieski fragment */
.journey-banner__accent {
    font-family: "Syne", sans-serif;
    color: #0b69f6;
}
.journey-banner__accent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


@media (max-width: 1199px) {
  

      .journey-banner {
        min-height: 380px;
        padding: 45px 36px;
    }
  

      .journey-banner__fishes {
        min-height: 280px;
    }
  

      .journey-banner__fish--large {
        width: 75%;
    }
  

      .journey-banner__fish--small {
        width: 46%;
    }
  

      .journey-banner__content {
        padding-left: 30px;
    }
  

      .journey-banner__title {
        font-size: clamp(38px, 4.8vw, 52px);
    }
  
}



@media (max-width: 767px) {
  

      .journey-banner {
        grid-template-columns: 1fr;

        min-height: 0;

        margin: 50px auto;
        padding: 30px 18px 40px;

        border-radius: 22px;
    }
  

      .journey-banner__fishes {
        width: 100%;
        max-width: 420px;
        min-height: 260px;

        margin: 0 auto 24px;
    }
  

      .journey-banner__fish--large {
        top: 0;
        left: 0;

        width: 72%;
    }
  

      .journey-banner__fish--small {
        right: 0;
        bottom: 0;

        width: 44%;
    }
  

      .journey-banner__content {
        padding-left: 0;
    }
  

      .journey-banner__title {
        font-size: clamp(34px, 10vw, 48px);
        text-align: center;
    }
  
}



/* ==========================================================================
   ZAUFALI NAM — PEŁNA SZEROKOŚĆ + KARUZELA LOGOTYPÓW
   ========================================================================== */

.trusted-companies {
    position: relative;
    left: 50%;

    width: 100vw;
    max-width: none;

    margin: 80px 0 80px -50vw;
    padding: 0;

    color: #fff;
    background: linear-gradient(
        180deg,
        #006cff 0%,
        #0056cb 100%
    );

    overflow: hidden;
    isolation: isolate;
}


.trusted-companies,
.trusted-companies *,
.trusted-companies *::before,
.trusted-companies *::after {
    box-sizing: border-box;
}



/* ==========================================================================
   WEWNĘTRZNY KONTENER
   ========================================================================== */

.trusted-companies__inner {
    position: relative;

    width: 100%;
    max-width: 1440px;

    margin: 0 auto;
    padding: 72px 48px 64px;
}



/* ==========================================================================
   NAGŁÓWEK
   ========================================================================== */

.trusted-companies__heading {
    width: 100%;
    max-width: 680px;

    margin: 0 auto 52px;

    text-align: center;
}


.trusted-companies__title {
    margin: 0 0 18px;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: clamp(44px, 4.5vw, 68px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;

    color: #fff;
}
.trusted-companies__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
}


.trusted-companies__description {
    margin: 0;
    padding: 0;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    color: rgba(255, 255, 255, .94);
}
.trusted-companies__description:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: rgba(255, 255, 255, .94);
}



/* ==========================================================================
   KARUZELA
   ========================================================================== */

.trusted-logos {
    position: relative;

    width: 100%;
    min-width: 0;
}


.trusted-logos__viewport {
    position: relative;

    width: 100%;
    min-width: 0;

    overflow: hidden;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 6%,
        #000 94%,
        transparent 100%
    );

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 6%,
        #000 94%,
        transparent 100%
    );
}



/* ==========================================================================
   TOR KARUZELI
   ========================================================================== */

.trusted-logos__track {
    display: flex;
    align-items: center;

    width: max-content;

    animation: trusted-logos-scroll
        var(--trusted-logos-duration, 42s)
        linear
        infinite;

    transform: translate3d(0, 0, 0);
    will-change: transform;
}


.trusted-logos__group {
    display: flex;
    align-items: center;

    flex: 0 0 auto;

    width: max-content;

    gap: clamp(44px, 5vw, 82px);
    padding-right: clamp(44px, 5vw, 82px);
}



/* ==========================================================================
   POJEDYNCZE LOGO
   ========================================================================== */

.trusted-logos__item {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 220px;

    width: 220px;
    min-width: 220px;
    height: 90px;
    min-height: 90px;

    margin: 0;
    padding: 10px;

    color: #fff;
    text-decoration: none;

    background: transparent;
    border: 0;

    opacity: 1;
    visibility: visible;
}
.trusted-logos__item:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  opacity: 1;
  visibility: visible;
}


.trusted-logos__item img {
    display: block;

    width: auto;
    max-width: 205px;

    height: auto;
    max-height: 66px;

    margin: 0;
    padding: 0;

    object-fit: contain;
    object-position: center;

    filter: none;

    opacity: .96;
    visibility: visible;

    transition: opacity .2s ease,
        transform .2s ease;
}
.trusted-logos__item img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: auto;
  max-width: 205px;
  height: auto;
  max-height: 66px;
  filter: none;
  opacity: .96;
  visibility: visible;
}


.trusted-logos__item:hover img,
.trusted-logos__item:focus-visible img {
    opacity: 1;
    transform: scale(1.04);
}
.trusted-logos__item:hover img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
.trusted-logos__item:focus-visible img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  opacity: 1;
}


.trusted-logos__item:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .9);
    outline-offset: 4px;
    border-radius: 6px;
}



/* ==========================================================================
   PAUZA PO NAJECHANIU
   ========================================================================== */

.trusted-logos:hover .trusted-logos__track,
.trusted-logos:focus-within .trusted-logos__track {
    animation-play-state: paused;
}



/* ==========================================================================
   ANIMACJA

   HTML musi zawierać dwie identyczne grupy:
   .trusted-logos__group + .trusted-logos__group
   ========================================================================== */

@keyframes trusted-logos-scroll {
  
      from {
        transform: translate3d(0, 0, 0);
    }
  

      to {
        transform: translate3d(-50%, 0, 0);
    }
  
}



/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1199px) {
  

      .trusted-companies {
        margin-top: 60px;
        margin-bottom: 60px;
    }
  

      .trusted-companies__inner {
        padding: 58px 30px 50px;
    }
  

      .trusted-companies__heading {
        max-width: 620px;
        margin-bottom: 42px;
    }
  

      .trusted-logos__group {
        gap: 54px;
        padding-right: 54px;
    }
  

      .trusted-logos__item {
        flex-basis: 190px;

        width: 190px;
        min-width: 190px;

        height: 78px;
        min-height: 78px;
    }
  

      .trusted-logos__item img {
        max-width: 178px;
        max-height: 58px;
    }
  .trusted-logos__item img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 178px;
    max-height: 58px;
  }
  
}



/* ==========================================================================
   TELEFON
   ========================================================================== */

@media (max-width: 767px) {
  

      .trusted-companies {
        margin-top: 45px;
        margin-bottom: 45px;
    }
  

      .trusted-companies__inner {
        padding: 44px 18px 40px;
    }
  

      .trusted-companies__heading {
        max-width: 440px;
        margin-bottom: 34px;
    }
  

      .trusted-companies__title {
        margin-bottom: 14px;

        font-size: clamp(38px, 11vw, 52px);
    }
  

      .trusted-companies__description {
        font-size: 14px;
        line-height: 1.5;
    }
  

      .trusted-logos__viewport {
        -webkit-mask-image: linear-gradient(
            90deg,
            transparent 0%,
            #000 3%,
            #000 97%,
            transparent 100%
        );

        mask-image: linear-gradient(
            90deg,
            transparent 0%,
            #000 3%,
            #000 97%,
            transparent 100%
        );
    }
  

      .trusted-logos__track {
        animation-duration: var(--trusted-logos-mobile-duration, 32s);
    }
  

      .trusted-logos__group {
        gap: 34px;
        padding-right: 34px;
    }
  

      .trusted-logos__item {
        flex-basis: 150px;

        width: 150px;
        min-width: 150px;

        height: 66px;
        min-height: 66px;

        padding: 6px;
    }
  

      .trusted-logos__item img {
        max-width: 142px;
        max-height: 48px;
    }
  .trusted-logos__item img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 142px;
    max-height: 48px;
  }
  
}



/* ==========================================================================
   OGRANICZENIE ANIMACJI
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  

      .trusted-logos__viewport {
        overflow-x: auto;

        -webkit-mask-image: none;
        mask-image: none;

        scrollbar-width: thin;
    }
  

      .trusted-logos__track {
        animation: none;
        transform: none;
        will-change: auto;
    }
  .trusted-logos__track:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    animation: none;
    transform: none;
  }
  
}

/* ==========================================================================
   SOURCE: pi_sheet47.css
   ========================================================================== */
/* ==========================================================================
   CATEGORY PAGE — PLUGIN ISLE
   ========================================================================== */


body#category #wrapper {
    padding-bottom: 0;
}



/* ==========================================================================
   GŁÓWNY BIAŁY KONTENER
   ========================================================================== */

body#category .columns-container.container {
    width: calc(100% - 64px);
    max-width: 1440px;

    margin-right: auto;
    margin-left: auto;
    padding: 22px 46px 90px;

    background: #fff;

    box-sizing: border-box;
}


body#category #center-column {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;
}






/* ==========================================================================
   NAGŁÓWEK KATEGORII
   ========================================================================== */

body#category .pi-category-header {
    width: 100%;

    margin: 0 0 42px;
    padding: 0;
}


body#category .pi-category-header__title {
    margin: 0 0 20px;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: clamp(44px, 4.5vw, 64px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;

    color: #222;
}


body#category .pi-category-header__description {
    max-width: 1040px;

    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42;

    color: #222;
}


body#category .pi-category-header__description p {
    margin: 0 0 18px;
}


body#category .pi-category-header__description p:last-child {
    margin-bottom: 0;
}



/* ==========================================================================
   PODKATEGORIE — NIEBIESKIE PRZYCISKI
   ========================================================================== */

body#category .pi-category-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 18px 20px;

    width: 100%;

    margin: 36px 0 0;
    padding: 0;
}


body#category .pi-category-links__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 0 30px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    color: #fff;
    background: #086cff;

    border: 1px solid #086cff;
    border-radius: 999px;

    text-align: center;
    text-decoration: none;

    transition: color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


body#category .pi-category-links__item:hover,
body#category .pi-category-links__item:focus-visible {
    color: #086cff;
    background: #fff;
    border-color: #086cff;

    transform: translateY(-2px);
}



/* ==========================================================================
   TOOLBAR I SORTOWANIE
   ========================================================================== */

body#category .pi-category-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    width: 100%;

    margin: 18px 0 26px;
}


body#category .pi-category-toolbar__actions {
    display: flex;
    align-items: center;

    gap: 12px;
}


body#category .pi-category-sort {
    position: relative;
}


body#category .pi-category-sort__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    width: 170px;
    min-width: 170px;
    height: 50px;

    margin: 0;
    padding: 0 22px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;

    color: #222;
    background: #fff;

    border: 1px solid #086cff;
    border-radius: 999px;

    box-shadow: none;
}


body#category .pi-category-sort__button::after {
    margin-left: 18px;

    color: #086cff;
}


body#category .pi-category-sort .dropdown-menu {
    min-width: 230px;

    padding: 8px;

    border: 1px solid #e0e5eb;
    border-radius: 14px;

    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}


body#category .pi-category-sort .dropdown-item {
    padding: 10px 14px;

    border-radius: 8px;
}


body#category .pi-category-sort .dropdown-item.current {
    color: #086cff;
    background: #edf5ff;
}



/* ==========================================================================
   SIATKA PRODUKTÓW
   ========================================================================== */

body#category #js-product-list .products {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 28px 24px;

    width: 100%;
}
body#category #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: grid;
}


body#category .product-miniature {
    width: 100%;
    min-width: 0;

    margin: 0;
}


body#category .product-miniature__inner {
    height: 100%;

    background: #fff;

    border: 1px solid rgba(20, 30, 45, .04);
    border-radius: 16px;

    box-shadow: 0 4px 10px rgba(20, 30, 45, .08);

    overflow: hidden;

    transition: transform .2s ease,
        box-shadow .2s ease;
}


body#category .product-miniature__inner:hover {
    transform: translateY(-4px);

    box-shadow: 0 12px 28px rgba(20, 30, 45, .13);
}


body#category .product-miniature__top {
    position: relative;

    overflow: hidden;
}


body#category .product-miniature__top img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;
}


body#category .product-miniature__bottom {
    padding: 16px 16px 18px;
}


body#category .product-miniature__title {
    display: block;

    margin: 0 0 8px;

    font-family: "Syne", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.18;

    color: #171717;
    text-decoration: none;
}


body#category .product-miniature__price {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;

    color: #086cff;
}



/* ==========================================================================
   PAGINACJA
   ========================================================================== */

body#category .products__pagination {
    margin-top: 50px;
}



/* ==========================================================================
   TREŚĆ POD PRODUKTAMI
   ========================================================================== */

body#category .pi-category-after-products {
    width: 100%;

    margin-top: 90px;
}


body#category .pi-category-seo {
    width: 100%;
    max-width: 1080px;

    margin: 0 0 90px;
}


body#category .pi-category-seo h2 {
    margin: 0 0 24px;

    font-family: "Syne", sans-serif;
    font-size: clamp(36px, 4vw, 54px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;

    color: #262626;
}


body#category .pi-category-seo p {
    margin: 0 0 20px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.45;

    color: #222;
}


body#category .pi-category-seo p:last-child {
    margin-bottom: 0;
}



/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1199px) {
  

      body#category .columns-container.container,
    body#category .breadcrumb {
        width: calc(100% - 40px);
        padding-right: 30px;
        padding-left: 30px;
    }
  

      body#category #js-product-list .products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
}



/* ==========================================================================
   MAŁY TABLET
   ========================================================================== */

@media (max-width: 899px) {
  

      body#category .pi-category-header__title {
        font-size: clamp(40px, 7vw, 54px);
    }
  

      body#category #js-product-list .products {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 22px 18px;
    }
  
}



/* ==========================================================================
   TELEFON
   ========================================================================== */

@media (max-width: 575px) {
  

      body#category .columns-container.container,
    body#category .breadcrumb {
        width: 100%;

        padding-right: 18px;
        padding-left: 18px;
    }
  

      body#category .columns-container.container {
        padding-bottom: 60px;
    }
  

      body#category .pi-category-header {
        margin-bottom: 30px;
    }
  

      body#category .pi-category-header__title {
        font-size: clamp(38px, 12vw, 48px);
    }
  

      body#category .pi-category-header__description {
        font-size: 14px;
        line-height: 1.5;
    }
  

      body#category .pi-category-links {
        gap: 12px;
        margin-top: 28px;
    }
  

      body#category .pi-category-links__item {
        min-height: 44px;
        padding: 0 20px;

        font-size: 13px;
    }
  

      body#category .pi-category-toolbar {
        margin-top: 10px;
    }
  

      body#category .pi-category-sort,
    body#category .pi-category-sort__button {
        width: 100%;
    }
  

      body#category #js-product-list .products {
        grid-template-columns: 1fr;
    }
  

      body#category .pi-category-after-products {
        margin-top: 60px;
    }
  

      body#category .pi-category-seo {
        margin-bottom: 60px;
    }
  
}


/* ==========================================================================
   KATEGORIA — SORTOWANIE HUMMINGBIRD, RÓWNIEŻ PO AJAX
   ========================================================================== */

body#category #js-product-list-top .products__selection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;

    gap: 24px;

    width: 100%;
}
body#category #js-product-list-top .products__selection:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
}



/* Liczba produktów po lewej */

body#category #js-product-list-top .products__count {
    flex: 1 1 auto;
    min-width: 0;
}
body#category #js-product-list-top .products__count:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  flex: 1 1 auto;
  min-width: 0;
}



/* Kontener sortowania po prawej */

body#category #js-product-list-top .products__sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex: 0 0 auto;

    width: auto;
    min-width: 0;
    max-width: none;

    margin: 0;
    padding: 0;
}
body#category #js-product-list-top .products__sort:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
}



/* Ukrycie osobnego napisu „Sortowanie” */

body#category
#js-product-list-top
.products__sort-label {
    display: none;
}
body#category
#js-product-list-top
.products__sort-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}



/* Wrapper przycisku */

body#category
#js-product-list-top
.products__sort-dropdown {
    position: relative;

    display: block;
    flex: 0 0 230px;

    width: 230px;
    min-width: 230px;
    max-width: 230px;

    margin: 0;
    padding: 0;
}
body#category
#js-product-list-top
.products__sort-dropdown:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: block;
  flex: 0 0 230px;
  width: 230px;
  min-width: 230px;
  max-width: 230px;
  margin: 0;
  padding: 0;
}



/* Przycisk przed i po wybraniu sortowania */

body#category
#js-product-list-top
.products__sort-dropdown-button {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    height: 54px;
    min-height: 54px;
    max-height: 54px;

    margin: 0;
    padding: 0 52px 0 28px;

    overflow: hidden;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;

    color: #292929;
    background-color: #fff;

    /*
     * Własna mała strzałka po prawej.
     */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23086cff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px 16px;

    border: 1px solid #086cff;
    border-radius: 999px;

    box-shadow: none;
    outline: none;

    white-space: nowrap;
    text-overflow: ellipsis;

    cursor: pointer;

    transform: none;
}
body#category
#js-product-list-top
.products__sort-dropdown-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  margin: 0;
  padding: 0 52px 0 28px;
  overflow: hidden;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #292929;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23086cff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px 16px;
  border: 1px solid #086cff;
  border-radius: 999px;
  box-shadow: none;
  outline: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transform: none;
}



/* Usunięcie strzałki Bootstrapa i globalnego aftera przycisków */

body#category
#js-product-list-top
.products__sort-dropdown-button::before,

body#category
#js-product-list-top
.products__sort-dropdown-button::after {
    content: none;
    display: none;

    flex: 0 0 0;

    width: 0;
    height: 0;

    margin: 0;
    padding: 0;

    background: none;
    border: 0;
}
body#category
#js-product-list-top
.products__sort-dropdown-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#category
#js-product-list-top
.products__sort-dropdown-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
  flex: 0 0 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}



/* Focus i otwarte menu */

body#category
#js-product-list-top
.products__sort-dropdown-button:hover,

body#category
#js-product-list-top
.products__sort-dropdown-button:focus,

body#category
#js-product-list-top
.products__sort-dropdown-button[aria-expanded="true"] {
    color: #292929;
    background-color: #fff;
    border-color: #0056cb;

    box-shadow: 0 0 0 3px rgba(8, 108, 255, .13);

    transform: none;
}
body#category
#js-product-list-top
.products__sort-dropdown-button:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#category
#js-product-list-top
.products__sort-dropdown-button:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#category
#js-product-list-top
.products__sort-dropdown-button[aria-expanded="true"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #292929;
  background-color: #fff;
  border-color: #0056cb;
  box-shadow: 0 0 0 3px rgba(8, 108, 255, .13);
  transform: none;
}



/* Rozwijane opcje */

body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-menu {
    right: 0;
    left: auto;

    width: 230px;
    min-width: 230px;
    max-width: 230px;

    margin-top: 8px;
    padding: 8px;

    background: #fff;

    border: 1px solid #e4e8ee;
    border-radius: 16px;

    box-shadow: 0 12px 32px rgba(20, 42, 72, .14);
}
body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  right: 0;
  left: auto;
  width: 230px;
  min-width: 230px;
  max-width: 230px;
  margin-top: 8px;
  padding: 8px;
  background: #fff;
  border: 1px solid #e4e8ee;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(20, 42, 72, .14);
}



/* Opcje menu */

body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item {
    padding: 11px 14px;

    font-family: "Inter", sans-serif;
    font-size: 14px;

    color: #292929;
    background: transparent;

    border-radius: 10px;

    white-space: normal;
}
body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  padding: 11px 14px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #292929;
  background: transparent;
  border-radius: 10px;
  white-space: normal;
}


body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item:hover,

body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item.current,

body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item[aria-current="true"] {
    color: #086cff;
    background: rgba(8, 108, 255, .08);
}
body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item.current:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#category
#js-product-list-top
.products__sort-dropdown
.dropdown-item[aria-current="true"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #086cff;
  background: rgba(8, 108, 255, .08);
}



/* ==========================================================================
   TELEFON
   ========================================================================== */

@media (max-width: 767px) {
  

      body#category #js-product-list-top .products__selection {
        flex-direction: column;
        align-items: stretch;

        gap: 16px;
    }
  body#category #js-product-list-top .products__selection:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  

      body#category #js-product-list-top .products__sort {
        width: 100%;
    }
  body#category #js-product-list-top .products__sort:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  

      body#category
    #js-product-list-top
    .products__sort-dropdown {
        flex-basis: 100%;

        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
  body#category
    #js-product-list-top
    .products__sort-dropdown:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-basis: 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  

      body#category
    #js-product-list-top
    .products__sort-dropdown
    .dropdown-menu {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
  body#category
    #js-product-list-top
    .products__sort-dropdown
    .dropdown-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  
}

/* ==========================================================================
   SOURCE: pi_sheet48.css
   ========================================================================== */
/* ==========================================================================
   HEADER DESKTOP — STABILNY NA WSZYSTKICH STRONACH
   ========================================================================== */

@media (min-width: 1200px) {
  

      /* Header pozostawia miejsce na pozycjonowaną belkę */  
      html body #header {
        position: relative;
        z-index: 10020;

        width: 100%;
        min-height: 108px;

        margin: 0;
        padding: 0;

        background: transparent;

        overflow: visible;
    }
  html body #header:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 10020;
    width: 100%;
    min-height: 108px;
    margin: 0;
    padding: 0;
    background: transparent;
    overflow: visible;
  }
  

      html body #header .header-bottom {
        position: relative;
        z-index: 10020;

        width: 100%;
        min-height: 108px;

        margin: 0;
        padding: 14px 28px 0;

        background: transparent;

        overflow: visible;
        box-sizing: border-box;
    }
  html body #header .header-bottom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 10020;
    width: 100%;
    min-height: 108px;
    margin: 0;
    padding: 14px 28px 0;
    background: transparent;
    overflow: visible;
  }
  

      html body #header .header-bottom__container {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        overflow: visible;
    }
  html body #header .header-bottom__container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  

      /* Ta sama belka na stronie głównej i wszystkich podstronach */  
      html body #header .header-bottom__row {
        position: fixed;

        top: 14px;
        left: 50%;
        right: auto;
        z-index: 10020;

        display: flex;
        align-items: center;
        flex-wrap: nowrap;

        width: calc(100% - 56px);
        max-width: 1400px;

        height: 80px;
        min-height: 80px;

        margin: 0;
        padding: 0 20px 0 14px;

        transform: translateX(-50%);

        background: #fff;

        border: 1px solid rgba(30, 80, 145, .08);
        border-radius: 42px;

        box-shadow: 0 8px 30px rgba(18, 42, 69, .11);

        overflow: visible;
        box-sizing: border-box;
    }
  html body #header .header-bottom__row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: fixed;
    top: 14px;
    left: 50%;
    right: auto;
    z-index: 10020;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: calc(100% - 56px);
    max-width: 1400px;
    height: 80px;
    min-height: 80px;
    margin: 0;
    padding: 0 20px 0 14px;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid rgba(30, 80, 145, .08);
    border-radius: 42px;
    box-shadow: 0 8px 30px rgba(18, 42, 69, .11);
    overflow: visible;
  }
  

      /* Treść podstron nie dostaje dodatkowego sztucznego przesunięcia */  
      html body #wrapper,
    html body #content {
        padding-top: 0;
    }
  html body #wrapper:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    padding-top: 0;
  }
  


      /* ======================================================================
       LOGO
       ====================================================================== */  

      html body #header .header-bottom__logo,
    html body #header #_desktop_logo {
        order: 1;

        align-self: stretch;

        display: flex;
        align-items: center;

        flex: 0 0 210px;

        width: 210px;
        min-width: 210px;
        height: 80px;

        margin: 0 20px 0 0;
        padding: 0;
    }
  html body #header .header-bottom__logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 1;
    align-self: stretch;
    display: flex;
    align-items: center;
    flex: 0 0 210px;
    width: 210px;
    min-width: 210px;
    height: 80px;
    margin: 0 20px 0 0;
    padding: 0;
  }
  

      html body #header #_desktop_logo a,
    html body #header .header-bottom__logo a {
        display: flex;
        align-items: center;

        width: 100%;
        height: 80px;
    }
  html body #header #_desktop_logo a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header .header-bottom__logo a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
  }
  

      html body #header #_desktop_logo img,
    html body #header .header-bottom__logo img {
        display: block;

        width: auto;
        max-width: 200px;

        height: auto;
        max-height: 58px;

        margin: 0;

        transform: none;
    }
  html body #header #_desktop_logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header .header-bottom__logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: auto;
    max-width: 200px;
    height: auto;
    max-height: 58px;
    margin: 0;
    transform: none;
  }
  


      /* ======================================================================
       MENU
       ====================================================================== */  

      html body #header .ps-mainmenu--desktop {
        order: 2;

        align-self: stretch;

        display: flex;
        align-items: center;

        flex: 1 1 auto;

        width: auto;
        min-width: 0;
        height: 80px;

        margin: 0;
        padding: 0;

        overflow: visible;
    }
  html body #header .ps-mainmenu--desktop:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 2;
    align-self: stretch;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 80px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  

      html body #header .ps-mainmenu__desktop {
        display: flex;
        align-items: center;

        width: 100%;
        height: 80px;

        overflow: visible;
    }
  html body #header .ps-mainmenu__desktop:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    overflow: visible;
  }
  

      html body #header #top-menu {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;

        width: 100%;
        height: 80px;

        gap: 22px;

        margin: 0;
        padding: 0;

        overflow: visible;
    }
  html body #header #top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    height: 80px;
    gap: 22px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  

      html body #header #top-menu > li {
        flex: 0 0 auto;

        margin: 0;
        padding: 0;
    }
  html body #header #top-menu > li:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
  }
  

      html body #header
    #top-menu > li > .ps-mainmenu__tree-item-wrapper,
    html body #header
    #top-menu > li .ps-mainmenu__tree-link {
        display: flex;
        align-items: center;

        height: 80px;
        min-height: 80px;

        margin: 0;
        padding-top: 0;
        padding-bottom: 0;

        white-space: nowrap;
    }
  html body #header
    #top-menu > li > .ps-mainmenu__tree-item-wrapper:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header
    #top-menu > li .ps-mainmenu__tree-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    height: 80px;
    min-height: 80px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
  }
  


      /* ======================================================================
       IKONY PO PRAWEJ
       ====================================================================== */  

      html body #header #_desktop_search_widget,
    html body #header #_desktop_ps_searchbar,
    html body #header #_desktop_user_info,
    html body #header #_desktop_ps_customersignin,
    html body #header #_desktop_wishlist,
    html body #header #_desktop_blockwishlist,
    html body #header #_desktop_ps_shoppingcart {
        align-self: stretch;

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

        flex: 0 0 auto;

        width: auto;
        min-width: 0;
        height: 80px;

        margin: 0 0 0 8px;

        /*
         * Najważniejsze: usunięcie starego padding-top: 16px.
         */
        padding: 0;

        float: none;

        overflow: visible;
        transform: none;
    }
  html body #header #_desktop_search_widget:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_user_info:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_ps_customersignin:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_wishlist:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_blockwishlist:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_ps_shoppingcart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: 80px;
    margin: 0 0 0 8px;
    padding: 0;
    float: none;
    overflow: visible;
    transform: none;
  }
  

      /* Ikony nie podskakują na hoverze */  
      html body #header .header-block__action-btn:hover,
    html body #header #_desktop_user_info .dropdown-toggle:hover,
    html body #header #_desktop_ps_customersignin .dropdown-toggle:hover,
    html body #header .wishlist-button:hover,
    html body #header #_desktop_ps_shoppingcart .cart-preview:hover {
        transform: none;
    }
  html body #header .header-block__action-btn:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_user_info .dropdown-toggle:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_ps_customersignin .dropdown-toggle:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header .wishlist-button:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_ps_shoppingcart .cart-preview:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    transform: none;
  }
  


      /* ======================================================================
       WYSZUKIWARKA — BEZ SKAKANIA
       ====================================================================== */  

      html body #header #_desktop_ps_searchbar {
        position: relative;
        z-index: 100;

        flex: 0 0 46px;

        width: 46px;
        min-width: 46px;
        height: 80px;
    }
  html body #header #_desktop_ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 100;
    flex: 0 0 46px;
    width: 46px;
    min-width: 46px;
    height: 80px;
  }
  

      html body #header #_desktop_ps_searchbar #ps_searchbar {
        position: absolute;

        top: 50%;
        right: 0;
        left: auto;

        width: 46px;
        height: 46px;

        margin: 0;
        padding: 0;

        transform: translateY(-50%);

        transition: width .25s ease;
    }
  html body #header #_desktop_ps_searchbar #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
  }
  

      html body #header
    #_desktop_ps_searchbar .ps-searchbar__form {
        position: relative;

        width: 100%;
        height: 46px;

        margin: 0;
        padding: 0;
    }
  html body #header
    #_desktop_ps_searchbar .ps-searchbar__form:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0;
  }
  

      html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier {
        position: absolute;

        top: 0;
        right: 0;
        left: auto;

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

        width: 46px;
        min-width: 46px;
        max-width: 46px;

        height: 46px;
        min-height: 46px;
        max-height: 46px;

        margin: 0;
        padding: 0;

        transform: none;
    }
  html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    margin: 0;
    padding: 0;
    transform: none;
  }
  

      html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:hover,
    html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:focus,
    html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:active {
        width: 46px;
        height: 46px;

        transform: none;
    }
  html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:active:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 46px;
    height: 46px;
    transform: none;
  }
  

      html body #header
    #_desktop_ps_searchbar.is-search-open #ps_searchbar {
        width: 290px;
    }
  html body #header
    #_desktop_ps_searchbar.is-search-open #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 290px;
  }
  

      html body #header
    #_desktop_ps_searchbar.is-search-open .ps-searchbar__input {
        opacity: 1;
        visibility: visible;
    }
  html body #header
    #_desktop_ps_searchbar.is-search-open .ps-searchbar__input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    opacity: 1;
    visibility: visible;
  }
  

      /*
     * Nie usuwamy tła ani ramki po otwarciu.
     * To właśnie powodowało zmianę wyglądu i „skok”.
     */  
      html body #header
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__magnifier {
        color: #fff;
        background: #0b69f6;

        border-color: #0b69f6;

        box-shadow: 0 2px 6px rgba(45, 107, 177, .12);

        transform: none;
    }
  html body #header
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: #fff;
    background: #0b69f6;
    border-color: #0b69f6;
    box-shadow: 0 2px 6px rgba(45, 107, 177, .12);
    transform: none;
  }
  

      html body #header
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__magnifier::before,
    html body #header
    #_desktop_ps_searchbar .ps-searchbar__magnifier:hover::before {
        filter: brightness(0) invert(1);
    }
  
}



/* ==========================================================================
   MNIEJSZY DESKTOP
   ========================================================================== */

@media (min-width: 1200px) and (max-width: 1450px) {
  

      html body #header .header-bottom__row {
        width: calc(100% - 32px);
    }
  html body #header .header-bottom__row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: calc(100% - 32px);
  }
  

      html body #header .header-bottom__logo,
    html body #header #_desktop_logo {
        flex-basis: 180px;

        width: 180px;
        min-width: 180px;

        margin-right: 12px;
    }
  html body #header .header-bottom__logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-basis: 180px;
    width: 180px;
    min-width: 180px;
    margin-right: 12px;
  }
  

      html body #header #_desktop_logo img,
    html body #header .header-bottom__logo img {
        max-width: 172px;
    }
  html body #header #_desktop_logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header .header-bottom__logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 172px;
  }
  

      html body #header #top-menu {
        gap: 14px;
    }
  html body #header #top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    gap: 14px;
  }
  

      html body #header
    #top-menu > li .ps-mainmenu__tree-link {
        font-size: 13px;
    }
  html body #header
    #top-menu > li .ps-mainmenu__tree-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 13px;
  }
  

      html body #header
    #_desktop_ps_searchbar.is-search-open #ps_searchbar {
        width: 230px;
    }
  html body #header
    #_desktop_ps_searchbar.is-search-open #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 230px;
  }
  
}



/* ==========================================================================
   BARDZO WĄSKI DESKTOP
   ========================================================================== */

@media (min-width: 1200px) and (max-width: 1300px) {
  

      html body #header .header-bottom__logo,
    html body #header #_desktop_logo {
        flex-basis: 150px;

        width: 150px;
        min-width: 150px;

        margin-right: 8px;
    }
  html body #header .header-bottom__logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header #_desktop_logo:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-basis: 150px;
    width: 150px;
    min-width: 150px;
    margin-right: 8px;
  }
  

      html body #header #_desktop_logo img,
    html body #header .header-bottom__logo img {
        max-width: 145px;
    }
  html body #header #_desktop_logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  html body #header .header-bottom__logo img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 145px;
  }
  

      html body #header #top-menu {
        gap: 7px;
    }
  html body #header #top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    gap: 7px;
  }
  

      html body #header
    #top-menu > li .ps-mainmenu__tree-link {
        font-size: 12px;
    }
  html body #header
    #top-menu > li .ps-mainmenu__tree-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 12px;
  }
  

      html body #header
    #_desktop_ps_searchbar.is-search-open #ps_searchbar {
        width: 210px;
    }
  html body #header
    #_desktop_ps_searchbar.is-search-open #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 210px;
  }
  
}


/* ==========================================================================
   HEADER — WYSZUKIWARKA NIE BLOKUJE LINKÓW MENU
   ========================================================================== */

@media (min-width: 1200px) {
  

      /* Zamknięty kontener zajmuje wyłącznie miejsce ikony */  
      #header #_desktop_ps_searchbar {
        position: relative;
        z-index: 1;

        flex: 0 0 46px;

        width: 46px;
        min-width: 46px;
        max-width: 46px;

        height: 46px;
        min-height: 46px;

        overflow: visible;

        /*
         * Przezroczysty kontener nie może przechwytywać kliknięć.
         */
        pointer-events: none;
    }
  #header #_desktop_ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 1;
    flex: 0 0 46px;
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 46px;
    min-height: 46px;
    overflow: visible;
    pointer-events: none;
  }
  


      /* Formularz zamkniętej wyszukiwarki */  
      #header #_desktop_ps_searchbar #ps_searchbar,
    #header #_desktop_ps_searchbar .ps-searchbar__form {
        position: absolute;

        top: 50%;
        right: 0;
        left: auto;

        width: 46px;
        min-width: 46px;
        max-width: 46px;

        height: 46px;
        min-height: 46px;

        margin: 0;
        padding: 0;

        background: transparent;

        pointer-events: none;

        transform: translateY(-50%);
        transition: width .25s ease,
            background-color .25s ease;
    }
  #header #_desktop_ps_searchbar #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_searchbar .ps-searchbar__form:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 46px;
    min-height: 46px;
    margin: 0;
    padding: 0;
    background: transparent;
    pointer-events: none;
    transform: translateY(-50%);
    transition: width .25s ease,
                background-color .25s ease;
  }
  


      /* Ukryty input nie może leżeć nad menu */  
      #header
    #_desktop_ps_searchbar:not(.is-search-open)
    .ps-searchbar__input {
        position: absolute;

        width: 0;
        min-width: 0;
        max-width: 0;

        height: 46px;

        padding: 0;

        opacity: 0;
        visibility: hidden;

        pointer-events: none;
    }
  #header
    #_desktop_ps_searchbar:not(.is-search-open)
    .ps-searchbar__input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    width: 0;
    min-width: 0;
    max-width: 0;
    height: 46px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  


      /* Lupa pozostaje klikalna */  
      #header
    #_desktop_ps_searchbar
    .ps-searchbar__magnifier {
        position: absolute;

        top: 50%;
        right: 0;
        z-index: 3;

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

        width: 46px;
        min-width: 46px;
        height: 46px;
        min-height: 46px;

        margin: 0;

        pointer-events: auto;
        cursor: pointer;

        transform: translateY(-50%);
    }
  #header
    #_desktop_ps_searchbar
    .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    margin: 0;
    pointer-events: auto;
    cursor: pointer;
    transform: translateY(-50%);
  }
  


      /* ================================================================
       WYSZUKIWARKA OTWARTA
       ================================================================ */  

      #header #_desktop_ps_searchbar.is-search-open {
        z-index: 100;

        pointer-events: auto;
    }
  #header #_desktop_ps_searchbar.is-search-open:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    z-index: 100;
    pointer-events: auto;
  }
  

      #header #_desktop_ps_searchbar.is-search-open #ps_searchbar,
    #header #_desktop_ps_searchbar.is-search-open .ps-searchbar__form {
        width: 320px;
        min-width: 320px;
        max-width: 320px;

        background: #fff;

        pointer-events: auto;
    }
  #header #_desktop_ps_searchbar.is-search-open #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_searchbar.is-search-open .ps-searchbar__form:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
    background: #fff;
    pointer-events: auto;
  }
  

      #header
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__input {
        position: relative;

        display: block;

        width: 100%;
        min-width: 0;
        max-width: none;

        height: 46px;

        padding: 0 58px 0 20px;

        opacity: 1;
        visibility: visible;

        pointer-events: auto;
    }
  #header
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 46px;
    padding: 0 58px 0 20px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  


      /* Menu pozostaje nad zamkniętym polem wyszukiwania */  
      #header #_desktop_top_menu,
    #header #_desktop_top_menu #top-menu,
    #header .ps-mainmenu--desktop {
        position: relative;
        z-index: 5;
    }
  #header #_desktop_top_menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_top_menu #top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header .ps-mainmenu--desktop:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 5;
  }
  
}


/* ==========================================================================
   COMPACT HEADER — WYSZUKIWARKA 40 × 40 PX
   ========================================================================== */

@media (min-width: 1200px) {
  

      /* Zamknięty kontener wyszukiwarki */  
      #header.header--compact #_desktop_ps_searchbar {
        position: relative;
        z-index: 1;

        flex: 0 0 40px;

        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;

        margin-left: 8px;
        padding: 0;

        overflow: visible;
        pointer-events: none;
    }
  #header.header--compact #_desktop_ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 1;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin-left: 8px;
    padding: 0;
    overflow: visible;
    pointer-events: none;
  }
  

      /* Formularz w stanie zamkniętym */  
      #header.header--compact
    #_desktop_ps_searchbar
    #ps_searchbar,

    #header.header--compact
    #_desktop_ps_searchbar
    .ps-searchbar__form {
        position: absolute;

        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;

        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;

        margin: 0;
        padding: 0;

        background: transparent;

        pointer-events: none;

        transform: translateY(-50%);

        transition: width .25s ease,
            background-color .25s ease;
    }
  #header.header--compact
    #_desktop_ps_searchbar
    #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_searchbar
    .ps-searchbar__form:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin: 0;
    padding: 0;
    background: transparent;
    pointer-events: none;
    transform: translateY(-50%);
    transition: width .25s ease,
                background-color .25s ease;
  }
  

      /* Zamknięty input nie blokuje menu */  
      #header.header--compact
    #_desktop_ps_searchbar:not(.is-search-open)
    .ps-searchbar__input {
        position: absolute;

        width: 0;
        min-width: 0;
        max-width: 0;

        height: 40px;
        min-height: 40px;

        margin: 0;
        padding: 0;

        opacity: 0;
        visibility: hidden;

        pointer-events: none;
    }
  #header.header--compact
    #_desktop_ps_searchbar:not(.is-search-open)
    .ps-searchbar__input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    width: 0;
    min-width: 0;
    max-width: 0;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  

      /* Kółko lupy */  
      #header.header--compact
    #_desktop_ps_searchbar
    .ps-searchbar__magnifier {
        position: absolute;

        top: 30%;
        right: 0;
        bottom: auto;
        left: auto;
        z-index: 3;

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

        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;

        margin: 0;
        padding: 0;

        pointer-events: auto;
        cursor: pointer;

    }
  #header.header--compact
    #_desktop_ps_searchbar
    .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 30%;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    cursor: pointer;
  }
  

      /* SVG lupy */  
      #header.header--compact
    #_desktop_ps_searchbar
    .ps-searchbar__magnifier::before {
        width: 19px;
        height: 19px;

        margin: 0;
        transform: none;
    }
  #header.header--compact
    #_desktop_ps_searchbar
    .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
    width: 19px;
    height: 19px;
    margin: 0;
    transform: none;
  }
  


      /* ======================================================================
       WYSZUKIWARKA OTWARTA
       ====================================================================== */  

      #header.header--compact
    #_desktop_ps_searchbar.is-search-open {
        z-index: 100;

        pointer-events: auto;
    }
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    z-index: 100;
    pointer-events: auto;
  }
  

      #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    #ps_searchbar,

    #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__form {
        width: 270px;
        min-width: 270px;
        max-width: 270px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;

        background: #fff;

        pointer-events: auto;
    }
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    #ps_searchbar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__form:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    background: #fff;
    pointer-events: auto;
  }
  

      #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__input {
        position: relative;

        display: block;

        width: 100%;
        min-width: 0;
        max-width: none;

        height: 40px;
        min-height: 40px;
        max-height: 40px;

        margin: 0;
        padding: 0 48px 0 18px;

        opacity: 1;
        visibility: visible;

        pointer-events: auto;
    }
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin: 0;
    padding: 0 48px 0 18px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  

      #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__magnifier {
        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;
    }
  #header.header--compact
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__magnifier:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }
  

      /* Menu jest klikalne, dopóki wyszukiwarka jest zamknięta */  
      #header.header--compact #_desktop_top_menu,
    #header.header--compact #_desktop_top_menu #top-menu,
    #header.header--compact .ps-mainmenu--desktop {
        position: relative;
        z-index: 5;
    }
  #header.header--compact #_desktop_top_menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact #_desktop_top_menu #top-menu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header.header--compact .ps-mainmenu--desktop:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 5;
  }
  
}

/* ==========================================================================
   SOURCE: pi_sheet49.css
   ========================================================================== */
/* ==========================================================================
   PRODUCT PAGE — STICKY RIGHT COLUMN
   Add as a separate CSS sheet loaded after the old product styles.
   ========================================================================== */

 .breadcrumb__wrapper {
     margin-bottom: 20px;
 }
.breadcrumb__wrapper:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-bottom: 20px;
}


body#product .l-main,
body#product #wrapper,
body#product .columns-container,
body#product #center-column,
body#product #content,
body#product .pi-product-layout {
    overflow: visible;
}
body#product .l-main:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product #wrapper:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .columns-container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product #center-column:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product #content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .pi-product-layout:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  overflow: visible;
}


body#product .pi-product-layout {
    max-width: 1440px;

    background: #fff;

    box-sizing: border-box;
}


@media (min-width: 992px) {
  

      body#product .pi-product-layout {
        display: grid;

        grid-template-columns: minmax(0, 1.12fr)
            minmax(400px, .88fr);

        grid-template-areas: "gallery buybox"
            "content buybox";

        align-items: start;

        column-gap: clamp(44px, 5vw, 82px);
        row-gap: 58px;
    }
  body#product .pi-product-layout:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
  }
  

      body#product .pi-product-gallery {
        grid-area: gallery;
    }
  

      body#product .pi-product-buybox {
        grid-area: buybox;

        position: sticky;
        top: 112px;

        align-self: start;

        height: max-content;

        z-index: 5;
    }
  body#product .pi-product-buybox:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: sticky;
    top: 112px;
    align-self: start;
  }
  

      body#product .pi-product-content {
        grid-area: content;
    }
  
}


body#product .product__left,
body#product .product__right,
body#product .pi-product-content {
    width: auto;
    max-width: none;
    min-width: 0;

    margin: 0;

    float: none;
    flex: none;
}
body#product .product__left:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .pi-product-content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  float: none;
  flex: none;
}


body#product .product__name {
    margin: 20px 0 20px 0;

    font-family: "Syne", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;

    color: #222;
}
body#product .product__name:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 20px 0 20px 0;
  font-family: "Syne", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.04em;
  color: #222;
}



body#product .product__description-short {

    font-size: 16px;
    line-height: 1.55;

    color: #292929;
}


/* Digital products: hide quantity selector, keep its value in HTML. */
body#product .product-actions__quantity,
body#product .product__quantity.quantity-button,
body#product .product__quantity-button {
    display: none;
}
body#product .product-actions__quantity:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__quantity.quantity-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__quantity-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


body#product .product__add-to-cart {
    flex-grow: 0;
}


body#product .product__add-to-cart-button {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 62px;

    margin: 0;
    padding: 6px 7px 6px 30px;

    color: #fff;
    background: #086cff;

    border: 1px solid #086cff;
    border-radius: 999px;

    box-shadow: 0 8px 20px rgba(8, 108, 255, .18);
}
body#product .product__add-to-cart-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 62px;
  margin: 0;
  padding: 6px 7px 6px 30px;
  color: #fff;
  background: #086cff;
  border: 1px solid #086cff;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(8, 108, 255, .18);
}


body#product .product__add-to-cart-button > .material-icons {
    display: none;
}
body#product .product__add-to-cart-button > .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


body#product .product__add-to-cart-button::after {
    content: "";

    display: block;
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    margin: 0;

    background-color: rgba(255, 255, 255, .22);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    border-radius: 50%;
}
body#product .product__add-to-cart-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: "";
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  margin: 0;
  background-color: rgba(255, 255, 255, .22);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M14 7L19 12L14 17' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border-radius: 50%;
}


body#product .pi-product-reassurance { 
    width: 100%; 
    margin-top: 20px; 
    padding: 22px; 
    background: #FBFAF8; 
    border-radius: 20px; 
    box-sizing: border-box; 
    
}
 

.reassurance__title {
    font-family: "Syne", sans-serif;
    font-weight: 500;
}
.reassurance__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}




body#product .pi-product-reassurance .blockreassurance--product { 
    display: flex; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    justify-content: space-between;
    
}
body#product .pi-product-reassurance .blockreassurance--product:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
}
 

body#product .pi-product-reassurance .reassurance__image {
    display: flex;
}


body#product .pi-product-content { 
    width: 100%; 
    padding-top: 4px; 
    
}




/* Full product description always visible. */
body#product .pi-product-content #product_description > .accordion-header {
    display: none;
}
body#product .pi-product-content #product_description > .accordion-header:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


body#product .pi-product-content #product_description_collapse {
    display: block;

    height: auto;

    visibility: visible;
}
body#product .pi-product-content #product_description_collapse:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  height: auto;
  visibility: visible;
}


body#product .pi-product-content #product_description .accordion-body {
    padding: 0;
}
body#product .pi-product-content #product_description .accordion-body:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  padding: 0;
}


body#product .pi-product-content .product__description {
    width: 100%;
    max-width: none;

    font-size: 15px;
    line-height: 1.55;

    color: #272727;
}


body#product .pi-product-content .product__description h2 {
    margin: 46px 0 20px;

    font-family: "Syne", sans-serif;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.05;
}
body#product .pi-product-content .product__description h2:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body#product .pi-product-content .product__description h3 {
    margin: 36px 0 16px;

    font-family: "Syne", sans-serif;
    font-size: clamp(24px, 2.5vw, 32px);
    line-height: 1.1;
}
body#product .pi-product-content .product__description h3:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body#product .pi-product-content .product__description p {
    margin: 0 0 18px;
}


body#product .pi-product-content
.accordion-item:not(#product_description) {
    margin-top: 12px;

    
    border-radius: 12px;

    overflow: hidden;
}
body#product .pi-product-content
.accordion-item:not(#product_description):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 12px;
}


@media (max-width: 1199px) {
  

      body#product .pi-product-layout {
        width: calc(100% - 40px);

        padding-right: 30px;
        padding-left: 30px;
    }
  

      body#product .pi-product-layout {
        grid-template-columns: minmax(0, 1fr)
            minmax(350px, .9fr);

        column-gap: 40px;
    }
  
}


@media (max-width: 991px) {
  

      body#product .pi-product-layout {
        display: grid;

        grid-template-columns: 1fr;
        grid-template-areas: "gallery"
            "buybox"
            "content";

        gap: 36px;

        width: calc(100% - 32px);

        padding: 24px 20px 60px;
    }
  body#product .pi-product-layout:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
  }
  

      body#product .pi-product-buybox {
        position: static;
    }
  body#product .pi-product-buybox:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: static;
  }
  

      body#product .pi-product-reassurance .blockreassurance_product {
        grid-template-columns: 1fr;
    }
  
}


@media (max-width: 575px) {
  

      body#product .pi-product-layout {
        width: 100%;

        padding-right: 18px;
        padding-left: 18px;
    }
  

      body#product .product__name {
        font-size: clamp(36px, 11vw, 48px);
    }
  body#product .product__name:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: clamp(36px, 11vw, 48px);
  }
  
}


/* ==========================================================================
   STRONA PRODUKTU — POPRAWKA PRZYCISKU ZOOM
   ========================================================================== */

/* Usuń globalną strzałkę z przycisku powiększenia zdjęcia */
body#product .product__zoom::before,
body#product .product__zoom::after {
    content: none;
    display: none;

    width: 0;
    height: 0;

    margin: 0;
    padding: 0;

    background: none;
    background-image: none;

    border: 0;
    box-shadow: none;
}
body#product .product__zoom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#product .product__zoom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  background: none;
  background-image: none;
  border: 0;
  box-shadow: none;
}


/* Mały, normalny przycisk zoom */
body#product .product__zoom {
    position: absolute;

    right: 18px;
    bottom: 18px;
    left: auto;
    top: auto;
    z-index: 20;

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

    width: 46px;
    min-width: 46px;
    max-width: 46px;

    height: 46px;
    min-height: 46px;
    max-height: 46px;

    margin: 0;
    padding: 0;

    color: #fff;
    background: #086cff;

    border: 0;
    border-radius: 50%;

    box-shadow: 0 6px 16px rgba(8, 108, 255, .22);

    transform: none;
}
body#product .product__zoom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: auto;
  top: auto;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #086cff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 6px 16px rgba(8, 108, 255, .22);
  transform: none;
}


/* Przywrócenie oryginalnej ikony zoom */
body#product .product__zoom .material-icons,
body#product .product__zoom .material-symbols-outlined {
    display: block;

    width: auto;
    height: auto;

    margin: 0;
    padding: 0;

    color: #fff;

    font-family: "Material Icons";
    font-size: 23px;
    line-height: 1;

    opacity: 1;
    visibility: visible;

    transform: none;
}
body#product .product__zoom .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__zoom .material-symbols-outlined:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "Material Icons";
  font-size: 23px;
  line-height: 1;
  opacity: 1;
  visibility: visible;
  transform: none;
}


/* Bez przesuwania przy hover */
body#product .product__zoom:hover,
body#product .product__zoom:focus,
body#product .product__zoom:active {
    color: #fff;
    background: #005bd8;

    transform: none;
}
body#product .product__zoom:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__zoom:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__zoom:active:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
  background: #005bd8;
  transform: none;
}


/* ==========================================================================
   REASSURANCE — ZAWSZE W JEDNYM RZĘDZIE
   ========================================================================== */

body#product
.pi-product-reassurance
.pi-reassurance-list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: nowrap;

    gap: 0;

    width: 100%;

    margin: 0;
    padding: 0;
}
body#product
.pi-product-reassurance
.pi-reassurance-list:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}


body#product
.pi-product-reassurance
.pi-reassurance-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    flex: 1 1 0;

    width: 33.333%;
    min-width: 0;

    margin: 0;
    padding: 8px 20px;
}
body#product
.pi-product-reassurance
.pi-reassurance-card:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 0;
  width: 33.333%;
  min-width: 0;
  margin: 0;
  padding: 8px 20px;
}


body#product
.pi-product-reassurance
.pi-reassurance-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 48px;

    width: 48px;
    min-width: 48px;
    height: 48px;

    margin: 0 16px 0 0;
}
body#product
.pi-product-reassurance
.pi-reassurance-card__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin: 0 16px 0 0;
}


body#product
.pi-product-reassurance
.pi-reassurance-card__icon img {
    display: block;

    width: 46px;
    height: 46px;

    object-fit: contain;
}
body#product
.pi-product-reassurance
.pi-reassurance-card__icon img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: 46px;
  height: 46px;
  object-fit: contain;
}


body#product
.pi-product-reassurance
.pi-reassurance-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    min-width: 0;

    text-align: left;
}
body#product
.pi-product-reassurance
.pi-reassurance-card__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  text-align: left;
}


body#product
.pi-product-reassurance
.pi-reassurance-card
+ .pi-reassurance-card {
    border-left: 1px solid #e5e2dd;
}
body#product
.pi-product-reassurance
.pi-reassurance-card
+ .pi-reassurance-card:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-left: 1px solid #e5e2dd;
}


/* Także przy wąskim oknie zachowujemy jeden rząd */
@media (max-width: 650px) {
  

      body#product
    .pi-product-reassurance
    .pi-reassurance-list {
        flex-direction: row;
        flex-wrap: nowrap;

        overflow-x: auto;
    }
  body#product
    .pi-product-reassurance
    .pi-reassurance-list:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  

      body#product
    .pi-product-reassurance
    .pi-reassurance-card {
        flex: 0 0 210px;

        width: 210px;
        min-width: 210px;

        padding-right: 14px;
        padding-left: 14px;
    }
  body#product
    .pi-product-reassurance
    .pi-reassurance-card:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 0 0 210px;
    width: 210px;
    min-width: 210px;
    padding-right: 14px;
    padding-left: 14px;
  }
  
}


/* ==========================================================================
   PRODUKTY Z TEJ SAMEJ KATEGORII — NAGŁÓWEK
   ========================================================================== */

body#product .category-products__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    margin: 42px 0;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;

    color: #292929;
}


body#product .category-products__title-accent,
body#product .category-products__title-text {
    display: block;

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}


body#product .category-products__title-accent {
    color: #086cff;
    font-family: "Syne", sans-serif;
}
body#product .category-products__title-accent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


body#product .category-products__title-text {
    color: #292929;
    font-family: "Syne", sans-serif;
}
body#product .category-products__title-text:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
}


@media (max-width: 575px) {
  

      body#product .category-products__title {
        margin-bottom: 28px;

        font-size: clamp(34px, 10vw, 46px);
    }
  
}



/* ==========================================================================
   STRONA PRODUKTU — CENA NETTO I BRUTTO
   ========================================================================== */

body#product .pi-product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 5px;

    width: 100%;

    padding: 0;

    font-family: "Inter", sans-serif;
}
body#product .pi-product-price:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  padding: 0;
  font-family: "Inter", sans-serif;
}



/* Cena netto */

body#product .pi-product-price__net {
    display: flex;
    align-items: baseline;

    gap: 8px;

    margin: 0;
    padding: 0;
}
body#product .pi-product-price__net:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  padding: 0;
}


body#product .pi-product-price__net-value {
    margin: 0;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;

    color: #086cff;

    white-space: nowrap;
}
body#product .pi-product-price__net-value:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  font-family: "Syne", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #086cff;
  white-space: nowrap;
}


body#product .pi-product-price__net-label {
    margin: 0;
    padding: 0;

    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    color: #086cff;

    white-space: nowrap;
}
body#product .pi-product-price__net-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #086cff;
  white-space: nowrap;
}



/* Cena brutto */

body#product .pi-product-price__gross {
    display: flex;
    align-items: baseline;

    gap: 7px;

    margin: 0;
    padding: 0;
}
body#product .pi-product-price__gross:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin: 0;
  padding: 0;
}


body#product .pi-product-price__gross-value {
    margin: 0;
    padding: 0;

    font-family: "Syne", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;

    color: #292929;

    white-space: nowrap;
}
body#product .pi-product-price__gross-value:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  font-family: "Syne", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #292929;
  white-space: nowrap;
}


body#product .pi-product-price__gross-label {
    margin: 0;
    padding: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;

    color: #292929;

    white-space: nowrap;
}
body#product .pi-product-price__gross-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #292929;
  white-space: nowrap;
}


/* ==========================================================================
   STRONA PRODUKTU — AKORDEONY
   ========================================================================== */

body#product .pi-product-content .product__accordion {
    display: flex;
    flex-direction: column;

    gap: 10px;

    width: 100%;
    max-width: 650px;

    margin: 0;
    padding: 0;
}



/* Pojedynczy kafelek */

body#product .pi-product-content .accordion-item {
    width: 100%;

    margin: 0;
    padding: 0;

    background: #FBFAF8;

    border: 0;
    border-radius: 14px;

    overflow: hidden;
}



/* Nagłówek */

body#product
.pi-product-content
.accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    width: 100%;
    min-height: 52px;

    margin: 0;
    padding: 13px 18px;

    font-family: "Syne", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;

    color: #292929;
    background: #FBFAF8;

    border: 0;
    border-radius: 14px;

    box-shadow: none;
    outline: 0;

    cursor: pointer;
}
body#product
.pi-product-content
.accordion-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-family: "Syne", sans-serif;
  border-radius: 14px;
  box-shadow: none;
}



/* Brak zmiany tła po otwarciu */

body#product
.pi-product-content
.accordion-button:not(.collapsed) {
    color: #292929;
    background: #FBFAF8;

    box-shadow: none;
}



/* Usunięcie globalnych strzałek przycisków */

body#product
.pi-product-content
.accordion-button::before {
    content: none;
    display: none;
}
body#product
.pi-product-content
.accordion-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  content: none;
  display: none;
}



/* Własna niebieska strzałka */

body#product
.pi-product-content
.accordion-button::after {
    content: "";

    display: block;
    flex: 0 0 11px;

    width: 11px;
    height: 11px;

    margin: 0 4px 4px auto;
    padding: 0;

    background: none;
    background-image: none;

    border: 0;
    border-right: 2px solid #086cff;
    border-bottom: 2px solid #086cff;

    border-radius: 0;

    transform: rotate(45deg);
    transform-origin: center;

    transition: transform .2s ease;
}
body#product
.pi-product-content
.accordion-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: "";
  display: block;
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  margin: 0 4px 4px auto;
  padding: 0;
  background: none;
  background-image: none;
  border: 0;
  border-right: 2px solid #086cff;
  border-bottom: 2px solid #086cff;
  border-radius: 0;
  transform: rotate(45deg);
}



/* Strzałka po rozwinięciu */

body#product
.pi-product-content
.accordion-button:not(.collapsed)::after {
    margin-bottom: -3px;

    transform: rotate(225deg);
}
body#product
.pi-product-content
.accordion-button:not(.collapsed):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  margin-bottom: -3px;
  transform: rotate(225deg);
}



/* Treść */

body#product
.pi-product-content
.accordion-body {
    padding: 4px 18px 20px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;

    color: #292929;
    background: #FBFAF8;
}


body#product
.pi-product-content
.accordion-body p {
    margin: 0 0 14px;
}


body#product
.pi-product-content
.accordion-body p:last-child {
    margin-bottom: 0;
}



/* Hover */

body#product
.pi-product-content
.accordion-button:hover {
    color: #086cff;
    background: #FBFAF8;

    transform: none;
}
body#product
.pi-product-content
.accordion-button:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  transform: none;
}



/* Focus */

body#product
.pi-product-content
.accordion-button:focus-visible {
    outline: 2px solid #086cff;
    outline-offset: -2px;

    box-shadow: none;
}
body#product
.pi-product-content
.accordion-button:focus-visible:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  box-shadow: none;
}



/* Pliki do pobrania */

body#product .pi-product-download {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 14px 0;

    border-bottom: 1px solid #e9e7e3;
}


body#product .pi-product-download:first-child {
    padding-top: 0;
}


body#product .pi-product-download:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}


body#product .pi-product-download__content {
    flex: 1 1 auto;
    min-width: 0;
}


body#product .pi-product-download .attachment__name {
    margin: 0 0 4px;

    font-weight: 600;
}


body#product .pi-product-download .attachment__description {
    margin: 0;

    color: #666;
}



/* Telefon */

@media (max-width: 767px) {
  

      body#product
    .pi-product-content
    .product__accordion {
        max-width: none;
    }
  

      body#product
    .pi-product-content
    .accordion-button {
        min-height: 50px;

        padding: 12px 15px;

        font-size: 15px;
    }
  

      body#product
    .pi-product-content
    .accordion-body {
        padding: 4px 15px 18px;
    }
  

      body#product .pi-product-download {
        flex-direction: column;
        align-items: flex-start;
    }
  
}


/* ==========================================================================
   PRODUKT — TREŚĆ AKORDEONU „SZCZEGÓŁY PRODUKTU”
   ========================================================================== */

body#product .pi-product-details {
    width: 100%;
    margin: 0;
    padding: 0;
}


body#product .pi-product-details__row {
    display: grid;
    grid-template-columns: minmax(150px, .8fr) minmax(0, 1.2fr);
    align-items: center;

    gap: 24px;

    min-height: 64px;
    padding: 14px 0;

    border-bottom: 1px solid #dfe3e8;
}


body#product .pi-product-details__row:first-child {
    padding-top: 0;
}


body#product .pi-product-details__row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}


body#product .pi-product-details__label {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;

    color: #292929;
}


body#product .pi-product-details__value {
    min-width: 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;

    color: #292929;
}


body#product .pi-product-details__brand {
    display: flex;
    align-items: center;
    gap: 14px;
}


body#product .pi-product-details__brand img {
    display: block;

    width: 64px;
    height: 64px;

    object-fit: contain;
    border-radius: 50%;
}


@media (max-width: 575px) {
  
      body#product .pi-product-details__row {
        grid-template-columns: 1fr;
        gap: 6px;
    }
  
}



/* ==========================================================================
   PRODUKT — WYMUSZENIE BELKI AKORDEONU OPISU
   ========================================================================== */

body#product
#pi_description_item {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    background: #FBFAF8;
    border: 0;
    border-radius: 14px;

    overflow: hidden;
}
body#product
#pi_description_item:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #FBFAF8;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
}


body#product
#pi_description_item
.pi-description-accordion__header {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    visibility: visible;
    opacity: 1;
}
body#product
#pi_description_item
.pi-description-accordion__header:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  visibility: visible;
  opacity: 1;
}


body#product
#pi_description_item
.pi-description-accordion__button {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 52px;

    margin: 0;
    padding: 13px 18px;

    font-family: "Syne", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;

    color: #292929;
    background: #FBFAF8;

    border: 0;
    border-radius: 14px;

    box-shadow: none;

    visibility: visible;
    opacity: 1;

    cursor: pointer;
}
body#product
#pi_description_item
.pi-description-accordion__button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 13px 18px;
  font-family: "Syne", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  color: #292929;
  background: #FBFAF8;
  border: 0;
  border-radius: 14px;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}


/* Usuń globalne pseudoelementy przycisków */

body#product
#pi_description_item
.pi-description-accordion__button::before {
    content: none;
    display: none;
}
body#product
#pi_description_item
.pi-description-accordion__button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  content: none;
  display: none;
}


/* Niebieska strzałka */

body#product
#pi_description_item
.pi-description-accordion__button::after {
    content: "";

    display: block;
    flex: 0 0 11px;

    width: 11px;
    height: 11px;

    margin: 0 4px 4px auto;
    padding: 0;

    background: none;

    border: 0;
    border-right: 2px solid #086cff;
    border-bottom: 2px solid #086cff;
    border-radius: 0;

    transform: rotate(45deg);

    transition: transform .2s ease;
}
body#product
#pi_description_item
.pi-description-accordion__button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: "";
  display: block;
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  margin: 0 4px 4px auto;
  padding: 0;
  background: none;
  border: 0;
  border-right: 2px solid #086cff;
  border-bottom: 2px solid #086cff;
  border-radius: 0;
  transform: rotate(45deg);
  transition: transform .2s ease;
}


body#product
#pi_description_item
.pi-description-accordion__button:not(.collapsed)::after {
    margin-bottom: -3px;

    transform: rotate(225deg);
}
body#product
#pi_description_item
.pi-description-accordion__button:not(.collapsed):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  margin-bottom: -3px;
  transform: rotate(225deg);
}


/* Treść opisu */

body#product
#pi_description_collapse {
    width: 100%;

    background: #FBFAF8;
}
body#product
#pi_description_collapse:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  background: #FBFAF8;
}


body#product
#pi_description_collapse
.accordion-body {
    width: 100%;

    padding: 8px 18px 22px;

    background: #FBFAF8;

    box-sizing: border-box;
}
body#product
#pi_description_collapse
.accordion-body:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  padding: 8px 18px 22px;
  background: #FBFAF8;
  box-sizing: border-box;
}



.attachment {
    border: none;
}


.attachment__link {
    color: #006cff;
    background-color: #fff;
}
.attachment__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #006cff;
  background-color: #fff;
}


body#product .product__thumbnail.active,
body#product .product__thumbnail:focus,
body#product .product__thumbnail:focus-visible {
    outline: none;
    border: 0;

    box-shadow: 0 8px 20px rgba(0, 0, 0, .16);

    border-radius: 12px;
}
body#product .product__thumbnail.active:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__thumbnail:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__thumbnail:focus-visible:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  outline: none;
  border: 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
  border-radius: 12px;
}


html body#product button.product__zoom::before {
    content: "";

    display: block;
    flex: 0 0 24px;

    width: 24px;
    height: 24px;

    background-image: url("/themes/hummingbird/assets/img-dist/powiekszenie.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    border: 0;
}
html body#product button.product__zoom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  content: "";
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-image: url("/themes/hummingbird/assets/img-dist/powiekszenie.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border: 0;
}


html body#product button.product__zoom::after {
    content: none;
    display: none;
}
html body#product button.product__zoom:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}


html body#product button.product__zoom > .material-icons {
    display: none;
}
html body#product button.product__zoom > .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


body#product .product__carousel .carousel-control-prev,
body#product .product__carousel .carousel-control-next {
    display: none;
}
body#product .product__carousel .carousel-control-prev:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#product .product__carousel .carousel-control-next:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


#blockcart-modal-title {
    font-size: 32px; 
}
#blockcart-modal-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  font-size: 32px;
}


.blockcart-modal__title-icon.material-icons {
    display: none;
}
.blockcart-modal__title-icon.material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


html body #blockcart-modal
.modal-footer
button.btn.btn-outline-primary.btn-with-icon {
color: #006cff;
background: #fff;
background-color: #fff;

border: 1px solid #006cff;
}
html body #blockcart-modal
.modal-footer
button.btn.btn-outline-primary.btn-with-icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #006cff;
  background: #fff;
  background-color: #fff;
  border: 1px solid #006cff;
}


.modal-content {
    border-radius: 25px;
}



/* CONTACT — zaokrąglenie pól formularza */

body#contact input.form-control,
body#contact select.form-select,
body#contact textarea.form-control,
body#contact input[type="file"] {
    border-radius: 12px;
}
body#contact input.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#contact select.form-select:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#contact textarea.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#contact input[type="file"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 12px;
}



/* ==========================================================================
   KONTAKT — WŁASNE IKONY SVG
   ========================================================================== */

body#contact .ps-contactinfo__item > .material-icons {
    display: block;
    flex: 0 0 26px;

    width: 26px;
    min-width: 26px;
    height: 26px;

    margin: 0 20px 0 0;

    font-size: 0;
    color: transparent;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
body#contact .ps-contactinfo__item > .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  margin: 0 20px 0 0;
  font-size: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}



/* 1. ADRES */
body#contact
.ps-contactinfo__item:nth-of-type(1)
> .material-icons {
    background-image: url("/themes/hummingbird/assets/img-dist/location.svg");
}
body#contact
.ps-contactinfo__item:nth-of-type(1)
> .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-image: url("/themes/hummingbird/assets/img-dist/location.svg");
}



/* 2. TELEFON */
body#contact
.ps-contactinfo__item:nth-of-type(2)
> .material-icons {
    background-image: url("/themes/hummingbird/assets/img-dist/phone.svg");
}
body#contact
.ps-contactinfo__item:nth-of-type(2)
> .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-image: url("/themes/hummingbird/assets/img-dist/phone.svg");
}



/* 3. EMAIL */
body#contact
.ps-contactinfo__item:nth-of-type(3)
> .material-icons {
    background-image: url("/themes/hummingbird/assets/img-dist/mail.svg");
}
body#contact
.ps-contactinfo__item:nth-of-type(3)
> .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-image: url("/themes/hummingbird/assets/img-dist/mail.svg");
}



/* 4. NIP / INFO */
body#contact
.ps-contactinfo__item:nth-of-type(4)
> .material-icons {
    background-image: url("/themes/hummingbird/assets/img-dist/info.svg");
}
body#contact
.ps-contactinfo__item:nth-of-type(4)
> .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-image: url("/themes/hummingbird/assets/img-dist/info.svg");
}

/* ==========================================================================
   SOURCE: pi_sheet51.css
   ========================================================================== */
.bsq-layer {position: fixed;inset: 0;overflow: hidden;pointer-events: none;z-index: 2147483000;}

  .bsq-rise {position: absolute;bottom: -60px;animation-name: bsq-rise;animation-timing-function: cubic-bezier(0.45,0,0.9,0.35);animation-fill-mode: forwards;will-change: transform,opacity;}

  .bsq-wobble {display: block;animation-name: bsq-wobble;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;will-change: transform;}

  .bsq-highlight {animation: bsq-twinkle 1.1s ease-in-out infinite alternate;}

  @keyframes bsq-rise {
  0% {transform: translateY(0);opacity: 0;}
  12% {opacity: .85;}
  60% {opacity: .6;}
  100% {transform: translateY(-50vh);opacity: 0;}
}

  @keyframes bsq-wobble {
  0% {transform: translateX(calc(var(--drift) * -1));}
  100% {transform: translateX(var(--drift));}
}

  @keyframes bsq-twinkle {
  0% {opacity: .35;}
  100% {opacity: .85;}
}

 
  .bsq-toggle {position: fixed;bottom: 20px;right: 20px;z-index: 2147483001;font-family: system-ui,-apple-system,sans-serif;font-size: 13px;line-height: 1;padding: 10px 14px;border-radius: 999px;border: 1px solid rgba(255,255,255,0.25);background: rgba(10,20,35,0.75);color: #e6f2ff;backdrop-filter: blur(6px);cursor: pointer;display: flex;align-items: center;gap: 8px;box-shadow: 0 4px 14px rgba(0,0,0,0.25);pointer-events: auto;transition: opacity .15s ease,transform .15s ease;}

  .bsq-toggle:hover {transform: translateY(-1px);}

  .bsq-toggle[data-enabled="false"] {opacity: .55;}

/* ==========================================================================
   SOURCE: pi_sheet52.css
   ========================================================================== */
/* ==========================================================================
   ONE PAGE CHECKOUT — PLUGIN ISLE
   ========================================================================== */

body#module-pi_onepagecheckoutpro-checkout {
    --pi-opc-blue: #006CFF;
    --pi-opc-blue-light: #64a1f4;
    --pi-opc-text: #292929;
    --pi-opc-muted: #687386;
    --pi-opc-bg: #FBFAF8;
    --pi-opc-border: #e4e8ee;

    background: #fff;
}



/* ================================================================
   GŁÓWNY CONTAINER
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
.columns-container.container {
    width: 100%;
    max-width: 1440px;

    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
}
body#module-pi_onepagecheckoutpro-checkout
.columns-container.container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 32px;
  padding-right: 32px;
}



body#module-pi_onepagecheckoutpro-checkout
#center-column {
    width: 100%;
    max-width: none;
}
body#module-pi_onepagecheckoutpro-checkout
#center-column:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  max-width: none;
}



/* ================================================================
   TYTUŁ STRONY
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
.page-header h1,
body#module-pi_onepagecheckoutpro-checkout
.page-header .h1 {
    margin: 30px 0 42px;

    font-family: "Syne", sans-serif;
    font-size: clamp(42px, 5vw, 68px);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -2px;

    color: var(--pi-opc-text);
}
body#module-pi_onepagecheckoutpro-checkout
.page-header h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
.page-header .h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 30px 0 42px;
  font-family: "Syne", sans-serif;
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 500;
  line-height: .95;
  letter-spacing: -2px;
  color: var(--pi-opc-text);
}



/* ================================================================
   DWIE KOLUMNY
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row {
    display: grid;

    grid-template-columns: minmax(0, 2fr)
        minmax(360px, .95fr);

    gap: 28px;

    align-items: start;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: grid;
  grid-template-columns: minmax(0, 2fr)
          minmax(360px, .95fr);
  gap: 28px;
  align-items: start;
}



body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .pi-opc-col {
    width: 100%;
    max-width: none;

    padding: 0;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .pi-opc-col:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  max-width: none;
  padding: 0;
}



/* wyłącz bootstrapową szerokość */
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-8,

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4 {
    width: 100%;
    max-width: none;

    flex: none;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-8:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  max-width: none;
  flex: none;
}


/* ================================================================
   SEKCJE
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-section {
    width: 100%;

    margin: 0 0 24px;
    padding: 28px 30px;

    background: #fff;

    border-radius: 24px;

    box-shadow: 0 10px 28px rgba(25, 42, 70, .14);
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-section:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  margin: 0 0 24px;
  padding: 28px 30px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(25, 42, 70, .14);
}



/* tytuły: Customer Info / Delivery Address itd. */

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-section-title {
    margin: 0 0 24px;
    padding: 0 0 18px;

    font-family: "Syne", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;

    color: var(--pi-opc-text);

    border-bottom: 1px solid var(--pi-opc-border);
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-section-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0 0 24px;
  padding: 0 0 18px;
  font-family: "Syne", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--pi-opc-text);
  border-bottom: 1px solid var(--pi-opc-border);
}


/* ================================================================
   WYBRANY ADRES
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 24px;

    margin: 0;
    padding: 20px 22px;

    background: var(--pi-opc-bg);

    border: 1px solid var(--pi-opc-border);
    border-radius: 16px;

    color: var(--pi-opc-text);
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin: 0;
  padding: 20px 22px;
  background: var(--pi-opc-bg);
  border: 1px solid var(--pi-opc-border);
  border-radius: 16px;
  color: var(--pi-opc-text);
}



/* przycisk Edytuj */

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address button,
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address a {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;

    margin: 0;
    padding: 0;

    color: var(--pi-opc-blue);
    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;

    text-decoration: underline;
    text-underline-offset: 4px;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: var(--pi-opc-blue);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
}



body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address button::before,
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address button::after,
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address a::before,
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address a::after {
    content: none;
    display: none;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-confirmed-address a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}


/* ================================================================
   INPUTY
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
input.form-control,

body#module-pi_onepagecheckoutpro-checkout
select.form-control,

body#module-pi_onepagecheckoutpro-checkout
select.form-select,

body#module-pi_onepagecheckoutpro-checkout
textarea.form-control {
    min-height: 54px;

    padding: 12px 16px;

    font-family: "Inter", sans-serif;
    font-size: 15px;

    color: var(--pi-opc-text);

    background: #fff;

    border: 1px solid #d9dee6;
    border-radius: 16px;

    box-shadow: none;
}
body#module-pi_onepagecheckoutpro-checkout
input.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
select.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
select.form-select:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
textarea.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  min-height: 54px;
  padding: 12px 16px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  color: var(--pi-opc-text);
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 16px;
  box-shadow: none;
}



body#module-pi_onepagecheckoutpro-checkout
textarea.form-control {
    min-height: 120px;
}
body#module-pi_onepagecheckoutpro-checkout
textarea.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  min-height: 120px;
}



body#module-pi_onepagecheckoutpro-checkout
input.form-control:focus,

body#module-pi_onepagecheckoutpro-checkout
select.form-control:focus,

body#module-pi_onepagecheckoutpro-checkout
select.form-select:focus,

body#module-pi_onepagecheckoutpro-checkout
textarea.form-control:focus {
    border-color: var(--pi-opc-blue);

    box-shadow: 0 0 0 3px rgba(8, 108, 255, .10);

    outline: none;
}
body#module-pi_onepagecheckoutpro-checkout
input.form-control:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
select.form-control:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
select.form-select:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
textarea.form-control:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-color: var(--pi-opc-blue);
  box-shadow: 0 0 0 3px rgba(8, 108, 255, .10);
  outline: none;
}


body#module-pi_onepagecheckoutpro-checkout
input[type="checkbox"] {
    width: 20px;
    height: 20px;

    border-radius: 5px;

    accent-color: var(--pi-opc-blue);
}
body#module-pi_onepagecheckoutpro-checkout
input[type="checkbox"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}


/* ================================================================
   PRAWA KOLUMNA
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4 {
    position: sticky;
    top: 120px;

    align-self: start;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: sticky;
  top: 120px;
  align-self: start;
}



/* wszystkie sekcje w prawej kolumnie */
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4
.pi-opc-section {
    border-radius: 24px;

    box-shadow: 0 10px 30px rgba(25, 42, 70, .06);
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4
.pi-opc-section:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(25, 42, 70, .06);
}



/* zdjęcia produktów */
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4 img {
    border-radius: 12px;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4 img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 12px;
}


/* ==========================================================================
   ONE PAGE CHECKOUT — UKRYJ ZMIANĘ ILOŚCI
   ========================================================================== */

/* ILOŚCI PRODUKTÓW — OFF */

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-cart-section
.input-group,

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-cart-section
.bootstrap-touchspin,

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-cart-section
.product-quantity {
    display: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-cart-section
.input-group:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-cart-section
.bootstrap-touchspin:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-cart-section
.product-quantity:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}



/* KOD RABATOWY — ON */

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-voucher-section
.input-group {
    display: flex;
    width: 100%;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-voucher-section
.input-group:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  width: 100%;
}



body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4
button[data-action="increase-product-quantity"],

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4
button[data-action="decrease-product-quantity"] {
    display: none;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4
button[data-action="increase-product-quantity"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-row > .col-md-4
button[data-action="decrease-product-quantity"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


@media (max-width: 991.98px) {
  

      body#module-pi_onepagecheckoutpro-checkout
    .columns-container.container {
        padding-left: 18px;
        padding-right: 18px;
    }
  body#module-pi_onepagecheckoutpro-checkout
    .columns-container.container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    padding-left: 18px;
    padding-right: 18px;
  }
  


      body#module-pi_onepagecheckoutpro-checkout
    .pi-opc-row {
        display: flex;
        flex-direction: column;

        gap: 18px;
    }
  body#module-pi_onepagecheckoutpro-checkout
    .pi-opc-row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  


      body#module-pi_onepagecheckoutpro-checkout
    .pi-opc-row > .col-md-4 {
        position: static;
    }
  body#module-pi_onepagecheckoutpro-checkout
    .pi-opc-row > .col-md-4:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: static;
  }
  


      body#module-pi_onepagecheckoutpro-checkout
    .pi-opc-section {
        padding: 22px 18px;

        border-radius: 18px;
    }
  body#module-pi_onepagecheckoutpro-checkout
    .pi-opc-section:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    padding: 22px 18px;
    border-radius: 18px;
  }
  


      body#module-pi_onepagecheckoutpro-checkout
    .page-header h1 {
        margin-bottom: 28px;

        font-size: 42px;
    }
  body#module-pi_onepagecheckoutpro-checkout
    .page-header h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin-bottom: 28px;
    font-size: 42px;
  }
  
}




.pi-opc-customer-bar {
    background-color: #FBFAF8;
}
.pi-opc-customer-bar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-color: #FBFAF8;
}


/* ==========================================================================
   ONE PAGE CHECKOUT — KOD RABATOWY COMPACT
   ========================================================================== */

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-voucher-section
.input-group {
    display: flex;
    align-items: stretch;

    width: 100%;

    gap: 8px;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-voucher-section
.input-group:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: 8px;
}



/* INPUT */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-voucher-input {
    flex: 1 1 auto;

    min-width: 0;

    height: 44px;
    min-height: 44px;

    padding: 8px 14px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.2;

    background: #fff;

    border: 1px solid #d9dee6;
    border-radius: 16px;

    box-shadow: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-voucher-input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  padding: 8px 14px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 16px;
  box-shadow: none;
}



/* ZASTOSUJ */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: auto;
    min-width: 120px;

    height: 44px;
    min-height: 44px;
    max-height: 44px;

    margin: 0;
    padding: 0 22px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    color: #fff;

    background: #086cff;

    border: 1px solid #086cff;
    border-radius: 999px;

    box-shadow: none;

    transform: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 120px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 0;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #086cff;
  border: 1px solid #086cff;
  border-radius: 999px;
  box-shadow: none;
  transform: none;
}



/* usuń globalną strzałkę/kółko z buttonów */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher::before,
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher::after {
    content: none;
    display: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}



/* hover */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher:hover {
    color: #fff;

    background: #005acb;
    border-color: #005acb;

    transform: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-apply-voucher:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #fff;
  background: #005acb;
  border-color: #005acb;
  transform: none;
}


/* CHECKOUT — sticky "Złóż zamówienie" */

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-sticky-place-order {
    background: #006CFF;
    background-color: #006CFF;

    border-color: #006CFF;

    color: #fff;

    opacity: 1;
    filter: none;

    box-shadow: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-sticky-place-order:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: #006CFF;
  background-color: #006CFF;
  border-color: #006CFF;
  color: #fff;
  opacity: 1;
  filter: none;
  box-shadow: none;
}


body#module-pi_onepagecheckoutpro-checkout 
#pi-opc-guest-bar {
    border-radius: 16px;
}
body#module-pi_onepagecheckoutpro-checkout 
#pi-opc-guest-bar:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}



.pi-opc-section {
    border: none;
    box-shadow: 0 10px 28px rgba(25, 42, 70, .14);
}
.pi-opc-section:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border: none;
  box-shadow: 0 10px 28px rgba(25, 42, 70, .14);
}


.pi-opc-address-panel {
  border-radius: 16px;
  border: none;
}
.pi-opc-address-panel:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
  border: none;
}


/* CHECKOUT — "Kupuję jako firma" */

body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap {
    margin-top: 18px;
    margin-bottom: 18px;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-top: 18px;
  margin-bottom: 18px;
}


body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap .form-check {
    display: flex;
    align-items: center;

    gap: 10px;

    margin: 0;
    padding: 0;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap .form-check:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}


body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap .form-check-input {
    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    margin: 0;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap .form-check-input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0;
}


body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap .form-check-label {
    margin: 0;

    font-size: 16px;
    line-height: 1.3;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-business-toggle-wrap .form-check-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}


body#module-pi_onepagecheckoutpro-checkout
.pi-opc-address-form-close {
    background-color: #fff;
    color: #006CFF;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-address-form-close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-color: #fff;
  color: #006CFF;
}



body#module-pi_onepagecheckoutpro-checkout
.pi-opc-signin-prompt {
    margin: 0;
    padding-top: 15px;
}
body#module-pi_onepagecheckoutpro-checkout
.pi-opc-signin-prompt:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  padding-top: 15px;
}


body#authentication #login-form > .buttons-wrapper {
    margin-top: 24px;
}
body#authentication #login-form > .buttons-wrapper:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-top: 24px;
}


body#authentication #login-form > .buttons-wrapper > a.btn-basic {
    background-color: #fff;
    color: #006CFF;
}
body#authentication #login-form > .buttons-wrapper > a.btn-basic:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background-color: #fff;
  color: #006CFF;
}


/* ================================================================
   REJESTRACJA — POLE HASŁA
   ================================================================ */

#customer-form .password-field {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;

    width: 100%;
}
#customer-form .password-field:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
}



/* INPUT */
#customer-form .password-field #field-password {
    flex: 1 1 auto;

    width: 1%;
    min-width: 0;

    height: 48px;
    min-height: 48px;

    padding: 10px 14px;

    border: 1px solid #d9dee6;
    border-right: 0;
    border-radius: 12px 0 0 12px;

    box-shadow: none;
}
#customer-form .password-field #field-password:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  height: 48px;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid #d9dee6;
  border-right: 0;
  border-radius: 12px 0 0 12px;
  box-shadow: none;
}



/* BUTTON OKA */
#customer-form
.password-field
button[data-ps-action="toggle-password"] {
    position: relative;

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

    flex: 0 0 48px;

    width: 48px;
    min-width: 48px;
    max-width: 48px;

    height: 48px;
    min-height: 48px;
    max-height: 48px;

    margin: 0;
    padding: 0;

    background-color: #fff;

    /* oko */
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12C4.7 8.6 7.9 6.5 12 6.5C16.1 6.5 19.3 8.6 21.5 12C19.3 15.4 16.1 17.5 12 17.5C7.9 17.5 4.7 15.4 2.5 12Z' stroke='%23086CFF' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='2.7' stroke='%23086CFF' stroke-width='1.7'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;

    border: 1px solid #d9dee6;
    border-left: 0;
    border-radius: 0 12px 12px 0;

    color: transparent;

    box-shadow: none;
    transform: none;

    cursor: pointer;
}
#customer-form
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12C4.7 8.6 7.9 6.5 12 6.5C16.1 6.5 19.3 8.6 21.5 12C19.3 15.4 16.1 17.5 12 17.5C7.9 17.5 4.7 15.4 2.5 12Z' stroke='%23086CFF' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='2.7' stroke='%23086CFF' stroke-width='1.7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  border: 1px solid #d9dee6;
  border-left: 0;
  border-radius: 0 12px 12px 0;
  color: transparent;
  box-shadow: none;
  transform: none;
  cursor: pointer;
}



/* usuń globalną strzałkę z buttonów */
#customer-form
.password-field
button[data-ps-action="toggle-password"]::before,
#customer-form
.password-field
button[data-ps-action="toggle-password"]::after {
    content: none;
    display: none;
}
#customer-form
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
#customer-form
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}





/* ================================================================
   REJESTRACJA — POLA FORMULARZA
   ================================================================ */

#customer-form input.form-control {
    display: block;

    width: 100%;
    max-width: 100%;

    height: 48px;
    min-height: 48px;

    padding: 10px 14px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;

    color: #292929;
    background: #fff;

    border: 1px solid #d9dee6;
    border-radius: 16px;

    outline: none;
    box-shadow: none;
}
#customer-form input.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 48px;
  min-height: 48px;
  padding: 10px 14px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #292929;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 16px;
  outline: none;
  box-shadow: none;
}



/* focus */
#customer-form input.form-control:focus {
    border-color: #086cff;
    box-shadow: 0 0 0 3px rgba(8, 108, 255, .10);
}
#customer-form input.form-control:focus:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-color: #086cff;
  box-shadow: 0 0 0 3px rgba(8, 108, 255, .10);
}



/* LABEL */
#customer-form label.form-label {
    display: block;

    margin: 0 0 7px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;

    color: #292929;
}
#customer-form label.form-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  margin: 0 0 7px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  color: #292929;
}



/* ODSTĘP POMIĘDZY POLAMI */
#customer-form > section > .mb-3 {
    margin-bottom: 18px;
}
#customer-form > section > .mb-3:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-bottom: 18px;
}



/* "Opcjonalnie" */
#customer-form span.form-text {
    display: block;

    margin-top: 5px;

    font-size: 13px;
    line-height: 1.3;

    color: #777;
}
#customer-form span.form-text:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.3;
  color: #777;
}


#customer-form .mb-3:last-of-type {
    margin-top: 24px;
}
#customer-form .mb-3:last-of-type:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-top: 24px;
}


/* ukryj nazwę / inicjały użytkownika */
#header #_desktop_ps_customersignin #userMenuButton .header-block__title {
    display: none;
}
#header #_desktop_ps_customersignin #userMenuButton .header-block__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}


/* usuń bootstrapową strzałkę dropdown */
#header #_desktop_ps_customersignin #userMenuButton::after {
    content: none;
    display: none;
}
#header #_desktop_ps_customersignin #userMenuButton:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}


body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-guest-submit {
    margin-top: 15px;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-guest-submit:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-top: 15px;
}


/* ==========================================================================
   CHECKOUT — LOGOWANIE: SMUKLEJSZE POLA
   ========================================================================== */

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
input.form-control {
    height: 48px;
    min-height: 48px;

    padding: 9px 14px;

    font-size: 15px;

    border-radius: 12px;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
input.form-control:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  height: 48px;
  min-height: 48px;
  padding: 9px 14px;
  font-size: 15px;
  border-radius: 12px;
}



/* ==========================================================================
   HASŁO — OKO WEWNĄTRZ INPUTA
   ========================================================================== */

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
.password-field {
    position: relative;

    display: block;

    width: 100%;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
.password-field:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: block;
  width: 100%;
}



/* miejsce na ikonę po prawej */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
#field-login_password {
    width: 100%;

    padding-right: 56px;

    border-radius: 12px;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
#field-login_password:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  padding-right: 56px;
  border-radius: 12px;
}



/* przycisk oka */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"] {
    position: absolute;

    top: 50%;
    right: 8px;

    z-index: 5;

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

    width: 36px;
    min-width: 36px;
    max-width: 36px;

    height: 36px;
    min-height: 36px;
    max-height: 36px;

    margin: 0;
    padding: 0;

    color: #086cff;

    background: transparent;
    background-image: none;

    border: 0;
    border-radius: 50%;

    box-shadow: none;

    transform: translateY(-50%);

    cursor: pointer;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: 0;
  color: #086cff;
  background: transparent;
  background-image: none;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  transform: translateY(-50%);
  cursor: pointer;
}



/* wywalamy globalną strzałkę / kółko z buttonów */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"]::after {
    content: none;
    display: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}



/* własna ikona oka */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"]::before {
    content: "visibility";

    display: block;

    width: auto;
    height: auto;

    margin: 0;

    background: none;

    font-family: "Material Icons";
    font-size: 22px;
    font-weight: normal;
    line-height: 1;

    color: #086cff;

    flex: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  content: "visibility";
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  font-family: "Material Icons";
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  color: #086cff;
  flex: none;
}



/* hover */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"]:hover {
    background: #f2f7ff;

    transform: translateY(-50%);
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-login-pane
button[data-ps-action="toggle-password"]:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: #f2f7ff;
  transform: translateY(-50%);
}


/* ================================================================
   CHECKOUT — REJESTRACJA: HASŁO + POTWIERDZENIE HASŁA
   ================================================================ */

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field {
    position: relative;

    display: block;

    width: 100%;
    min-width: 0;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}



/* OBA INPUTY */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
#field-reg_password,

body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
#field-reg_password_confirm {
    display: block;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    height: 48px;
    min-height: 48px;

    padding: 9px 52px 9px 14px;

    border-radius: 12px;

    flex: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
#field-reg_password:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
#field-reg_password_confirm:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 48px;
  min-height: 48px;
  padding: 9px 52px 9px 14px;
  border-radius: 12px;
  flex: none;
}



/* BUTTON OKA — OBA POLA */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"] {
    position: absolute;

    top: 50%;
    right: 8px;

    z-index: 5;

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

    width: 36px;
    min-width: 36px;
    max-width: 36px;

    height: 36px;
    min-height: 36px;
    max-height: 36px;

    margin: 0;
    padding: 0;

    background: transparent;
    background-image: none;

    border: 0;
    border-radius: 50%;

    box-shadow: none;

    transform: translateY(-50%);

    cursor: pointer;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  margin: 0;
  padding: 0;
  background: transparent;
  background-image: none;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  transform: translateY(-50%);
  cursor: pointer;
}



/* usuń globalną strzałkę */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"]::after {
    content: none;
    display: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}



/* własne oko */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"]::before {
    content: "visibility";

    display: block;

    width: auto;
    height: auto;

    margin: 0;

    background: none;

    font-family: "Material Icons";
    font-size: 22px;
    font-weight: normal;
    line-height: 1;

    color: #086cff;

    flex: none;
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
  content: "visibility";
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  font-family: "Material Icons";
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  color: #086cff;
  flex: none;
}



/* hover */
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"]:hover {
    background: #f2f7ff;

    transform: translateY(-50%);
}
body#module-pi_onepagecheckoutpro-checkout
#pi-opc-il-register-pane
.password-field
button[data-ps-action="toggle-password"]:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  background: #f2f7ff;
  transform: translateY(-50%);
}


#pi-opc-il-register-submit {
    margin-top: 15px;
}
#pi-opc-il-register-submit:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-top: 15px;
}


.pi-opc-customer-bar--logged {
    border-radius: 16px;
}
.pi-opc-customer-bar--logged:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.pi-opc-address-card.pi-opc-selected {
    border-radius: 16px;
}
.pi-opc-address-card.pi-opc-selected:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.pi-opc-delete-address-card {
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
    flex-shrink: 0;
    color: red;
    font-size: .85rem;
}


#pi-opc-voucher-message {
    border-radius: 16px;
}
#pi-opc-voucher-message:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.pi-opc-row-total td {
    border-top: none;
}
.pi-opc-row-total td:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-top: none;
}


.pi-opc-payment-label {
    border-radius: 16px;
}
.pi-opc-payment-label:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.pi-opc-payment-additional-info {
    border-radius: 16px;
}
.pi-opc-payment-additional-info:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.pi-opc-payment-extra {
    border-radius: 16px;
}
.pi-opc-payment-extra:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.alert-success {
    border-radius: 16px;
}
.alert-success:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.order-confirmation__details {
    border-radius: 16px;
    margin-bottom: 20px;
}
.order-confirmation__details:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
  margin-bottom: 20px;
}


.order-confirmation__account-transformation {
    border-radius: 16px;
}
.order-confirmation__account-transformation:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.order-confirmation__account-transformation input[name="password"] {
    border-radius: 16px;
}
.order-confirmation__account-transformation input[name="password"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  border-radius: 16px;
}


.order-confirmation__account-transformation form .buttons-wrapper--end {
    margin-top: 20px;
}
.order-confirmation__account-transformation form .buttons-wrapper--end:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin-top: 20px;
}

/* ==========================================================================
   SOURCE: pi_sheet53.css
   ========================================================================== */
/* ==========================================================================
   PLUGIN ISLE — RESPONSIVE / MOBILE
   Arkusz musi być ładowany jako ostatni.
   ========================================================================== */


/* ==========================================================================
   TABLETY ORAZ MENU MOBILNE
   ========================================================================== */

@media (max-width: 1199.98px) {
  

      html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
  

      @supports (overflow: clip) {
    
            html,
        body {
            overflow-x: clip;
        }
    
      }
  

      *,
    *::before,
    *::after {
        box-sizing: border-box;
    }
  

      img,
    picture,
    video,
    iframe,
    svg {
        max-width: 100%;
    }
  

      body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl {
        width: 100%;
        max-width: 100%;

        padding-right: 18px;
        padding-left: 18px;
    }
  
    
      body#index::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 950px;

    background-image: linear-gradient(
            rgba(255, 255, 255, .08),
            rgba(255, 255, 255, .08)
        ),
        url("/img/cms/background.png");

    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}
  


      /* ======================================================================
       HEADER
       ====================================================================== */  

      #header .header-bottom {
        padding: 8px 10px 0;
    }
  

      #header .header-bottom__container {
        width: 100%;
        max-width: none;
    }
  

      #header .header-bottom__row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;

        min-height: 72px;

        margin: 0;
        padding: 0 12px;

        border-radius: 30px;
    }
  

      #header .header-bottom__logo,
    #header #_desktop_logo {
        flex: 0 1 auto;

        width: auto;
        min-width: 0;
        max-width: 190px;

        margin-right: auto;
    }
  

      #header .header-bottom__logo img,
    #header #_desktop_logo img {
        display: block;

        width: auto;
        max-width: 180px;
        max-height: 54px;

        object-fit: contain;
    }
  

      #header .pi-mobile-menu-toggle {
        flex: 0 0 42px;
        order: 6;
        width: 64px;
        height: 64px;

        margin: 0 8px 0 0;
    }
  

      #header #_desktop_ps_searchbar,
    #header #_desktop_user_info,
    #header #_desktop_ps_customersignin,
    #header #_desktop_wishlist,
    #header #_desktop_blockwishlist,
    #header #_desktop_ps_shoppingcart {
        flex: 0 0 42px;

        width: 42px;
        min-width: 42px;
        max-width: 42px;

        height: 42px;
        min-height: 42px;
        max-height: 42px;

        margin: 0 0 0 7px;
        padding: 0;
    }
  
    
      #header .ps-searchbar--mobile, 
    #header #_mobile_ps_customersignin, 
    #header #_mobile_user_info, 
    #header #_mobile_ps_shoppingcart {
        width: 64px;
        height: 64px;
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__magnifier,
    #header #_desktop_user_info .header-block__action-btn,
    #header #_desktop_ps_customersignin .header-block__action-btn,
    #header #_desktop_wishlist .header-block__action-btn,
    #header #_desktop_blockwishlist .header-block__action-btn,
    #header #_desktop_ps_shoppingcart .cart-preview {
        width: 42px;
        min-width: 42px;
        max-width: 42px;

        height: 42px;
        min-height: 42px;
        max-height: 42px;

        margin: 0;
    }
  

      #header
    #_desktop_ps_searchbar.is-search-open
    #ps_searchbar,

    #header
    #_desktop_ps_searchbar.is-search-open
    .ps-searchbar__form {
        width: min(320px, calc(100vw - 36px));
        min-width: min(320px, calc(100vw - 36px));
        max-width: min(320px, calc(100vw - 36px));
    }
  
    
    


      /* ======================================================================
       GLOBALNE ELEMENTY STRON
       ====================================================================== */  
      #content,
    #wrapper,
    #content-wrapper,
    #center-column,
    .center-column,
    .page-content {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
  

      .breadcrumb,
    .breadcrumb-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 20px;
        white-space: nowrap;

        scrollbar-width: none;
    }
  

      .breadcrumb::-webkit-scrollbar,
    .breadcrumb-wrapper::-webkit-scrollbar {
        display: none;
    }
  

      .rich-text,
    .product__description,
    .product__description-short,
    .category-description {
        overflow-wrap: anywhere;
    }
  

      .rich-text img,
    .rich-text video,
    .rich-text iframe,
    .rich-text table,
    .product__description img,
    .product__description iframe,
    .product__description table {
        max-width: 100%;
    }
  

      .table-responsive,
    .rich-text:has(table) {
        overflow-x: auto;
    }
  
    
      .block-categories.hidden-sm-down, body .block-categories {
        display: block;
        margin: 45px auto;
        padding: 40px 18px 48px;
    }
  
    
      html body .block-categories .blog-post {
        display: flex;
    }
  
    
      body .pi-slider__cta {
        flex-wrap: wrap;
    }
  

      .reassurance {
        padding-left: 20px;
    }
  
    
      body#product .pi-product-reassurance .blockreassurance--product {
        flex-wrap: wrap;
    }
  

      /* ======================================================================
       FORMULARZE
       ====================================================================== */  

      input.form-control,
    select.form-select,
    textarea.form-control {
        max-width: 100%;

        border-radius: 12px;
    }
  

      textarea.form-control {
        resize: vertical;
    }
  
}



/* ==========================================================================
   TABLETY — UKŁAD JEDNOKOLUMNOWY
   ========================================================================== */

@media (max-width: 991.98px) {
  

      /* ======================================================================
       STRONA GŁÓWNA — HERO
       ====================================================================== */  

      body#index .pi-slider__content,
    body#index .pi_slider__content,
    body#index .pi-slider__slide,
    body#index .pi_slider__slide {
        display: grid;

        grid-template-columns: minmax(0, 1fr);

        gap: 28px;

        width: 100%;
    }
  body#index .pi-slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__slide:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__slide:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    width: 100%;
  }
  

      body#index .pi-slider__text,
    body#index .pi_slider__text,
    body#index .pi-slider__image,
    body#index .pi_slider__image {
        width: 100%;
        min-width: 0;
        max-width: none;
    }
  body#index .pi-slider__text:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__text:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__image:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__image:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  

      body#index .pi-slider__image img,
    body#index .pi_slider__image img {
        display: block;

        width: auto;
        max-width: min(100%, 520px);
        height: auto;

        margin: 0 auto;
    }
  body#index .pi-slider__image img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__image img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: auto;
    max-width: min(100%, 520px);
    height: auto;
  }
  

      body#index .pi-slider__buttons,
    body#index .pi_slider__buttons {
        display: flex;
        flex-wrap: wrap;

        gap: 12px;
    }
  
    
      .pi-platforms {
        flex-wrap: wrap;
    }
  
    
      body .pi-slider__content {
        padding: 40px 20px 0 20px;
    }
  
    
      .pi-slider p {
        display: none;
    }
  

      #header #mobileMenu .btn-close {
        background: #006cff;
        border: 1px solid #006cff;
    }
  
    
       #header #mobileMenu .btn-close::before,
     #header #mobileMenu .btn-close::after {
         background: #fff;
     }
  
     
       .pis-stats-bar__icon-wrap {
         display: none;
     }
  .pis-stats-bar__icon-wrap:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  
     
       .pis-stats-bar__content {
         text-align: center;
     }
  
     
       .pis-stats-bar__title {
         color: #006CFF;
     }
  .pis-stats-bar__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: #006CFF;
  }
  
     
       .pis-stats-bar__value {
         font-size: 40px;
     }
  .pis-stats-bar__value:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 40px;
  }
  
     
       .pis-stats-bar__inner {
         display: flex;
         flex-wrap: wrap;
     }
  .pis-stats-bar__inner:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-wrap: wrap;
  }
  
     
     
      .pis-stats-bar__inner:nth-child(1) {
        order: 1;
    }
  .pis-stats-bar__inner:nth-child(1):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 1;
  }
  

      .pis-stats-bar__inner:nth-child(2) {
        order: 3;
    }
  .pis-stats-bar__inner:nth-child(2):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 3;
  }
  

      .pis-stats-bar__inner:nth-child(3) {
        order: 4;
    }
  .pis-stats-bar__inner:nth-child(3):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 4;
  }
  

      .pis-stats-bar__inner:nth-child(4) {
        order: 2;
    }
  .pis-stats-bar__inner:nth-child(4):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 2;
  }
  
    
      .journey-banner__fishes {
        order: 2;
    }
  
    
      .journey-banner__title {
        font-size: 32px;
    }
  .journey-banner__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 32px;
  }
  
    
      .journey-banner__accent {
        font-size: 32px;
    }
  .journey-banner__accent:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 32px;
  }
  
     
      .journey-banner__fish--large {
    top: 30px;
    left: 54px;
    width: 50%;
    }
  
    
      .journey-banner__fish--small {
    right: 30px;
    bottom: 40px;
    width: 40%;
  }
  
  
     .journey-banner {
    margin: 50px auto 0;
    padding: 30px 18px 0;
  }
  
   

      /* ======================================================================
       LISTINGI PRODUKTÓW
       ====================================================================== */  

      body#category #js-product-list .products,
    body#search #js-product-list .products,
    body#manufacturer #js-product-list .products,
    body#prices-drop #js-product-list .products,
    body#new-products #js-product-list .products,
    body#best-sales #js-product-list .products {
        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 22px;

        width: 100%;

        margin-right: 0;
        margin-left: 0;
    }
  body#category #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#search #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#manufacturer #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#prices-drop #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#new-products #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#best-sales #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  

      body#category #js-product-list .products > *,
    body#search #js-product-list .products > *,
    body#manufacturer #js-product-list .products > *,
    body#prices-drop #js-product-list .products > *,
    body#new-products #js-product-list .products > *,
    body#best-sales #js-product-list .products > * {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;
        padding: 0;
    }
  body#category #js-product-list .products > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#search #js-product-list .products > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#manufacturer #js-product-list .products > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#prices-drop #js-product-list .products > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#new-products #js-product-list .products > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#best-sales #js-product-list .products > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  

      .product-miniature,
    .product-miniature__infos {
        width: 100%;
        min-width: 0;
    }
  

      .product-miniature img {
        display: block;

        width: 100%;
        height: auto;

        object-fit: cover;
    }
  


      /* ======================================================================
       KATEGORIA
       ====================================================================== */  

      body#category .category-cover,
    body#category .category-description,
    body#category .block-category {
        width: 100%;
        max-width: none;
    }
  

      body#category .category-sub-menu,
    body#category .pi-category-buttons,
    body#category .category-tags {
        display: flex;

        gap: 10px;

        overflow-x: auto;
        overflow-y: hidden;

        padding-bottom: 8px;

        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
  

      body#category .category-sub-menu::-webkit-scrollbar,
    body#category .pi-category-buttons::-webkit-scrollbar,
    body#category .category-tags::-webkit-scrollbar {
        display: none;
    }
  

      body#category .category-sub-menu > *,
    body#category .pi-category-buttons > *,
    body#category .category-tags > * {
        flex: 0 0 auto;

        scroll-snap-align: start;
    }
  

      body#category #js-product-list-top .products__selection {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;

        gap: 16px;

        width: 100%;
    }
  

      body#category #js-product-list-top .products__sort {
        margin-left: auto;
    }
  


      /* ======================================================================
       STRONA PRODUKTU
       ====================================================================== */  

      body#product .pi-product-layout {
        display: flex;
        flex-direction: column;

        gap: 28px;

        width: 100%;
    }
  body#product .pi-product-layout:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
  }
  

      body#product .pi-product-gallery {
        order: 1;
    }
  

      body#product .pi-product-buybox {
        order: 2;

        position: static;

        top: auto;

        transform: none;
    }
  body#product .pi-product-buybox:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: static;
    top: auto;
    transform: none;
  }
  

      body#product .pi-product-content {
        order: 3;
    }
  

      body#product .pi-product-gallery,
    body#product .pi-product-buybox,
    body#product .pi-product-content {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;
    }
  body#product .pi-product-gallery:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product .pi-product-buybox:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product .pi-product-content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
  }
  

      body#product .product__cover img,
    body#product .product-cover img {
        display: block;

        width: 100%;
        height: auto;
    }
  body#product .product__cover img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product .product-cover img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    height: auto;
  }
  

      body#product .product__name {
        font-size: clamp(30px, 5vw, 42px);
        line-height: 1.08;
    }
  body#product .product__name:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: clamp(30px, 5vw, 42px);
    line-height: 1.08;
  }
  

      body#product .product__actions,
    body#product #add-to-cart-or-refresh {
        width: 100%;
    }
  body#product .product__actions:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product #add-to-cart-or-refresh:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  

      body#product .product__actions-qty-add {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;

        gap: 12px;

        width: 100%;
    }
  body#product .product__actions-qty-add:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
  }
  

      body#product
    .product__actions-qty-add
    > .pi-installation-addon {
        order: -1;

        flex: 0 0 100%;

        width: 100%;
    }
  body#product
    .product__actions-qty-add
    > .pi-installation-addon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: -1;
    flex: 0 0 100%;
    width: 100%;
  }
  

      body#product .product__add-to-cart,
    body#product .product-add-to-cart {
        flex: 1 1 240px;
    }
  body#product .product__add-to-cart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product .product-add-to-cart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 1 1 240px;
  }
  



      body#product .pi-product-reassurance {
        width: 100%;

        margin-top: 24px;
    }
  body#product .pi-product-reassurance:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    margin-top: 24px;
  }
  

      body#product
    .pi-product-reassurance
    .blockreassurance_product {
        display: flex;
        flex-direction: column;

        gap: 14px;

        width: 100%;
    }
  body#product
    .pi-product-reassurance
    .blockreassurance_product:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
  }
  

      body#product
    .pi-product-reassurance
    .reassurance {
        width: 100%;
    }
  body#product
    .pi-product-reassurance
    .reassurance:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  

      body#product
    .pi-product-content
    .product__accordion {
        width: 100%;
        max-width: none;
    }
  body#product
    .pi-product-content
    .product__accordion:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
  }
  


      /* ======================================================================
       KOSZYK
       ====================================================================== */  

      body#cart .cart-grid,
    body#cart .cart-grid.row {
        display: grid;

        grid-template-columns: minmax(0, 1fr);

        gap: 30px;

        width: 100%;

        margin: 0;
    }
  body#cart .cart-grid:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#cart .cart-grid.row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    width: 100%;
    margin: 0;
  }
  

      body#cart .cart-grid-body,
    body#cart .cart-grid-right {
        width: 100%;
        max-width: none;

        padding-right: 0;
        padding-left: 0;
    }
  body#cart .cart-grid-body:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#cart .cart-grid-right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
  

      body#cart .cart-grid-right {
        position: static;
    }
  body#cart .cart-grid-right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: static;
  }
  

      body#cart .product-line-grid {
        grid-template-columns: minmax(90px, 130px)
            minmax(0, 1fr);
    }
  body#cart .product-line-grid:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: minmax(90px, 130px)
                minmax(0, 1fr);
  }
  

      body#cart .cart-summary {
        width: 100%;
    }
  body#cart .cart-summary:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  


      /* ======================================================================
       CHECKOUT
       ====================================================================== */  

      body#checkout .checkout-grid,
    body#checkout .checkout-grid.row {
        display: grid;

        grid-template-columns: minmax(0, 1fr);

        gap: 32px;

        width: 100%;

        margin: 0;
    }
  body#checkout .checkout-grid:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#checkout .checkout-grid.row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    width: 100%;
    margin: 0;
  }
  

      body#checkout .checkout-grid__content,
    body#checkout .checkout-grid__aside {
        width: 100%;
        min-width: 0;
        max-width: none;

        padding-right: 0;
        padding-left: 0;
    }
  body#checkout .checkout-grid__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#checkout .checkout-grid__aside:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
  

      body#checkout .checkout-grid__aside {
        order: 2;
    }
  

      body#checkout .checkout-grid__aside-wrapper {
        position: static;

        top: auto;

        width: 100%;
    }
  body#checkout .checkout-grid__aside-wrapper:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: static;
    top: auto;
    width: 100%;
  }
  

      body#checkout .checkout-steps__list {
        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;
    }
  

      body#checkout .checkout-steps__list::-webkit-scrollbar {
        display: none;
    }
  


      /* ======================================================================
       FOOTER
       ====================================================================== */  

      #footer .pi-footer__top,
    #footer .pi-footer__contact,
    #footer .footer-container .row {
        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 28px;
    }
  #footer .pi-footer__top:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #footer .pi-footer__contact:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #footer .footer-container .row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }
  

      #footer .pi-footer__top > *,
    #footer .pi-footer__contact > *,
    #footer .footer-container .row > * {
        width: 100%;
        max-width: none;
    }
  #footer .pi-footer__top > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #footer .pi-footer__contact > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #footer .footer-container .row > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
  }
  
}



/* ==========================================================================
   TELEFONY
   ========================================================================== */

@media (max-width: 767.98px) {
  

      body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl {
        padding-right: 14px;
        padding-left: 14px;
    }
  

      .block-categories.hidden-sm-down, body .block-categories {
        display: block;
        padding: 40px 18px 48px;
    }
  .block-categories.hidden-sm-down:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body .block-categories:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    padding: 40px 18px 48px;
  }
  

      /* ======================================================================
       HEADER
       ====================================================================== */  

      #header .header-bottom {
        padding-right: 6px;
        padding-left: 6px;
    }
  

      #header .header-bottom__row {
        min-height: 64px;

        padding: 0 8px;

        border-radius: 26px;
    }
  

      #header .header-bottom__logo,
    #header #_desktop_logo {
        max-width: 145px;

        margin-right: auto;
    }
  

      #header .header-bottom__logo img,
    #header #_desktop_logo img {
        max-width: 140px;
        max-height: 44px;
    }
  

      #header #_desktop_ps_searchbar,
    #header #_desktop_user_info,
    #header #_desktop_ps_customersignin,
    #header #_desktop_wishlist,
    #header #_desktop_blockwishlist,
    #header #_desktop_ps_shoppingcart {
        flex-basis: 40px;

        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;

        margin-left: 5px;
    }
  

      #header #_desktop_ps_searchbar .ps-searchbar__magnifier,
    #header #_desktop_user_info .header-block__action-btn,
    #header #_desktop_ps_customersignin .header-block__action-btn,
    #header #_desktop_wishlist .header-block__action-btn,
    #header #_desktop_blockwishlist .header-block__action-btn,
    #header #_desktop_ps_shoppingcart .cart-preview {
        width: 40px;
        min-width: 40px;
        max-width: 40px;

        height: 40px;
        min-height: 40px;
        max-height: 40px;
    }
  


      /* ======================================================================
       STRONA GŁÓWNA
       ====================================================================== */  

      body#index .pi-slider__content,
    body#index .pi_slider__content {
        gap: 20px;
    }
  body#index .pi-slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    gap: 20px;
  }
  

      body#index .pi-slider__title,
    body#index .pi_slider__title,
    body#index .pi-slider__content h1,
    body#index .pi_slider__content h1 {
        font-size: clamp(38px, 12vw, 58px);
        line-height: .98;

    }
  body#index .pi-slider__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__content h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi_slider__content h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: clamp(38px, 12vw, 58px);
    line-height: .98;
  }
  

      body#index .pi-slider__buttons,
    body#index .pi_slider__buttons {
        flex-direction: column;
        align-items: stretch;
    }
  

      body#index .pi-slider__buttons .btn,
    body#index .pi_slider__buttons .btn {
        width: 100%;
        max-width: none;
    }
  


      /* ======================================================================
       KATEGORIA I LISTING
       ====================================================================== */  

      body#category .category-description h1,
    body#category .block-category h1 {
        font-size: clamp(36px, 10vw, 50px);
        line-height: 1;
    }
  body#category .category-description h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#category .block-category h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: clamp(36px, 10vw, 50px);
    line-height: 1;
  }
  

      body#category #js-product-list-top .products__selection {
        flex-direction: column;
        align-items: stretch;
    }
  

      body#category #js-product-list-top .products__sort,
    body#category #js-product-list-top .products__sort-dropdown {
        width: 100%;
        max-width: none;

        margin: 0;
    }
  body#category #js-product-list-top .products__sort:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#category #js-product-list-top .products__sort-dropdown:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  

      body#category
    #js-product-list-top
    .products__sort-dropdown-button {
        width: 100%;
        max-width: none;
    }
  body#category
    #js-product-list-top
    .products__sort-dropdown-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
  }
  


      /* ======================================================================
       PRODUKT
       ====================================================================== */  

      body#product .product__name {
        font-size: 30px;
    }
  body#product .product__name:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 30px;
  }
  

      body#product .product__description-short {
        font-size: 15px;
        line-height: 1.5;
    }
  body#product .product__description-short:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 15px;
    line-height: 1.5;
  }
  

      body#product .pi-installation-addon__option {
        display: grid;

        grid-template-columns: 44px
            minmax(0, 1fr)
            auto;

        width: 100%;
    }
  body#product .pi-installation-addon__option:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    width: 100%;
  }
  

      body#product
    .pi-product-content
    .accordion-button {
        min-height: 54px;

        padding: 14px 16px;

        font-size: 17px;
    }
  body#product
    .pi-product-content
    .accordion-button:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    min-height: 54px;
    padding: 14px 16px;
    font-size: 17px;
  }
  

      body#product
    .pi-product-content
    .accordion-body {
        padding: 8px 16px 20px;
    }
  body#product
    .pi-product-content
    .accordion-body:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    padding: 8px 16px 20px;
  }
  

      body#product .pi-product-details__row {
        grid-template-columns: 1fr;

        gap: 6px;
    }
  body#product .pi-product-details__row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  

      body#product .pi-product-download {
        flex-direction: column;
        align-items: stretch;
    }
  body#product .pi-product-download:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-direction: column;
    align-items: stretch;
  }
  

      body#product .pi-product-download .attachment__link {
        width: 100%;
        max-width: none;
    }
  body#product .pi-product-download .attachment__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: none;
  }
  


      /* ======================================================================
       KOSZYK
       ====================================================================== */  

      body#cart .product-line-grid {
        display: grid;

        grid-template-columns: 90px minmax(0, 1fr);

        gap: 14px;
    }
  body#cart .product-line-grid:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 14px;
  }
  

      body#cart .product-line-grid-left {
        width: 90px;
    }
  body#cart .product-line-grid-left:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 90px;
  }
  

      body#cart .product-line-grid-right,
    body#cart .product-line-grid-body {
        width: 100%;
        min-width: 0;
    }
  body#cart .product-line-grid-right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#cart .product-line-grid-body:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-width: 0;
  }
  

      body#cart .cart-overview .product-price {
        white-space: nowrap;
    }
  


      /* ======================================================================
       CHECKOUT
       ====================================================================== */  

      body#checkout .checkout-steps__desktop {
        padding-right: 0;
        padding-left: 0;
    }
  

      body#checkout .checkout-steps__list {
        gap: 28px;

        padding: 0 14px 10px;
    }
  

      body#checkout .checkout-steps__step {
        flex: 0 0 auto;

        min-width: 125px;
    }
  

      body#checkout
    #checkout-addresses-step
    .pi-address-buttons {
        flex-direction: column-reverse;
        align-items: stretch;

        gap: 14px;
    }
  body#checkout
    #checkout-addresses-step
    .pi-address-buttons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 14px;
  }
  

      body#checkout
    #checkout-addresses-step
    .pi-address-buttons > .btn {
        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;
    }
  body#checkout
    #checkout-addresses-step
    .pi-address-buttons > .btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
  }
  


      /* ======================================================================
       FORMULARZE
       ====================================================================== */  

      input.form-control,
    select.form-select,
    textarea.form-control {
        min-height: 50px;  
        border-radius: 16px;
        padding-right: 14px;
        padding-left: 14px;
        margin-bottom: 20px;
    }
  

      .form-group,
    .form-field {
        width: 100%;
        min-width: 0;
    }
  


      /* ======================================================================
       FOOTER
       ====================================================================== */  

      #footer .pi-footer__top,
    #footer .pi-footer__contact,
    #footer .footer-container .row {
        grid-template-columns: minmax(0, 1fr);

        gap: 24px;
    }
  #footer .pi-footer__top:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #footer .pi-footer__contact:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #footer .footer-container .row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  

      #footer {
        overflow: hidden;
    }
  
}



/* ==========================================================================
   MAŁE TELEFONY
   ========================================================================== */

@media (max-width: 575.98px) {
  

      /* Jedna karta produktu w wierszu */  

      body#category #js-product-list .products,
    body#search #js-product-list .products,
    body#manufacturer #js-product-list .products,
    body#prices-drop #js-product-list .products,
    body#new-products #js-product-list .products,
    body#best-sales #js-product-list .products {
        grid-template-columns: minmax(0, 1fr);

        gap: 18px;
    }
  body#category #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#search #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#manufacturer #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#prices-drop #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#new-products #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#best-sales #js-product-list .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  


      /* Pełna szerokość przycisków */  

      .page-content .btn-primary,
    .page-content .btn-outline-primary {
        max-width: 100%;
    }
  

      body#product .product__actions-qty-add {
        flex-direction: column;
    }
  body#product .product__actions-qty-add:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex-direction: column;
  }
  

      body#product .product__quantity,
    body#product .product-actions__quantity,
    body#product .product__add-to-cart,
    body#product .product-add-to-cart {
        flex: 0 0 100%;

        width: 100%;
        max-width: none;
    }
  body#product .product__quantity:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product .product-actions__quantity:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product .product__add-to-cart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#product .product-add-to-cart:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 0 0 100%;
    width: 100%;
    max-width: none;
  }
  

      body#product .pi-installation-addon__option {
        grid-template-columns: 44px
            minmax(0, 1fr);
    }
  body#product .pi-installation-addon__option:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: 44px
                minmax(0, 1fr);
  }
  

      body#product .pi-installation-addon__price {
        grid-column: 2;

        justify-self: start;
    }
  


      /* Header na bardzo małym ekranie */  

      #header .header-bottom__logo,
    #header #_desktop_logo {
        max-width: 120px;
    }
  

      #header .header-bottom__logo img,
    #header #_desktop_logo img {
        max-width: 115px;
    }
  

      #header #_desktop_wishlist,
    #header #_desktop_blockwishlist {
        display: none;
    }
  #header #_desktop_wishlist:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_blockwishlist:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  
}


/* ==========================================================================
   HOME — HERO MOBILE
   układ:
   tekst
   przyciski
   pirat lewo + platformy prawo
   ========================================================================== */

@media (max-width: 767.98px) {
  

      /* ----------------------------------------------------------
       CAŁY BANNER
       ---------------------------------------------------------- */  

      body#index .pi-slider {
        position: relative;

        width: 100%;
        height: auto;
        min-height: 860px;

        margin: 0;
        padding: 38px 22px 0;

        overflow: hidden;

        box-sizing: border-box;
    }
  body#index .pi-slider:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 860px;
    margin: 0;
    padding: 38px 22px 0;
    overflow: hidden;
    box-sizing: border-box;
  }
  


      /* ----------------------------------------------------------
       GŁÓWNY KONTENER
       ---------------------------------------------------------- */  

      body#index .pi-slider__content {
        position: relative;

        display: block;

        width: 100%;
        max-width: none;

        height: auto;
        min-height: 820px;

        margin: 0;
        padding: 0;
    }
  body#index .pi-slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 820px;
    margin: 0;
    padding: 0;
  }
  


      /* ----------------------------------------------------------
       LEWA KOLUMNA
       ---------------------------------------------------------- */  

      body#index .pi-slider__left {
        /*
         * position: static jest tutaj celowe.
         * Dzięki temu .pi-slider__platforms po absolute
         * pozycjonuje się względem .pi-slider__content,
         * a nie względem lewej kolumny.
         */
        position: static;

        display: block;

        width: 100%;
        min-width: 0;
        max-width: none;

        height: auto;
        min-height: 0;

        margin: 0;
        padding: 0;

        flex: none;
    }
  body#index .pi-slider__left:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: static;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    flex: none;
  }
  


      /* ----------------------------------------------------------
       MAŁY TYTUŁ
       ---------------------------------------------------------- */  

      body#index .pi-slider__eyebrow {
        display: block;

        width: 100%;

        margin: 0 0 10px;
        padding: 0;

        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;

        color: #086cff;

        text-transform: uppercase;
    }
  body#index .pi-slider__eyebrow:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #086cff;
    text-transform: uppercase;
  }
  


      /* ----------------------------------------------------------
       H1
       ---------------------------------------------------------- */  

      body#index .pi-slider__left h1 {
        display: block;

        width: 100%;
        max-width: 340px;

        margin: 0;
        padding: 0;

        font-size: 52px;
        font-weight: 500;
        line-height: .98;
        letter-spacing: -2px;

        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }
  body#index .pi-slider__left h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    max-width: 340px;
    margin: 0;
    padding: 0;
    font-size: 52px;
    font-weight: 500;
    line-height: .98;
    letter-spacing: -2px;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }
  


      /* ----------------------------------------------------------
       OPIS — NA MOBILE UKRYTY
       ---------------------------------------------------------- */  

      body#index .pi-slider__left > p {
        display: none;
    }
  body#index .pi-slider__left > p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  


      /* ----------------------------------------------------------
       PRZYCISKI
       ---------------------------------------------------------- */  

      body#index .pi-slider__cta {
        position: relative;
        z-index: 5;

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

        gap: 10px;

        width: 245px;
        max-width: 245px;

        margin: 28px 0 0;
        padding: 0;
    }
  body#index .pi-slider__cta:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 245px;
    max-width: 245px;
    margin: 28px 0 0;
    padding: 0;
  }
  

      body#index .pi-slider__cta .btn,
    body#index .pi-slider__cta a {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 245px;
        min-width: 245px;
        max-width: 245px;

        height: 56px;
        min-height: 56px;
        max-height: 56px;

        margin: 0;

        padding-top: 0;
        padding-bottom: 0;

        font-size: 15px;
        line-height: 1.1;

        border-radius: 999px;

        box-sizing: border-box;
    }
  body#index .pi-slider__cta .btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__cta a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 245px;
    min-width: 245px;
    max-width: 245px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 1.1;
    border-radius: 999px;
    box-sizing: border-box;
  }
  
    
      body#index .pi-btn::after {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
    }
  


      /* ----------------------------------------------------------
       PRAWA KOLUMNA = PIRAT
       ---------------------------------------------------------- */  

      body#index .pi-slider__right {
        position: absolute;

        z-index: 2;

        left: 10px;
        right: auto;

        bottom: 0;
        top: auto;

        display: block;

        width: 225px;
        min-width: 0;
        max-width: 225px;

        height: auto;

        margin: 0;
        padding: 0;

        flex: none;

        transform: none;
    }
  body#index .pi-slider__right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    z-index: 2;
    left: 10px;
    right: auto;
    bottom: 0;
    top: auto;
    display: block;
    width: 225px;
    min-width: 0;
    max-width: 225px;
    height: auto;
    margin: 0;
    padding: 0;
    flex: none;
    transform: none;
  }
  

      body#index .pi-slider__right img {
        display: block;

        width: 100%;
        max-width: 100%;

        height: auto;

        margin: 0;
        padding: 0;

        object-fit: contain;

        transform: none;
    }
  body#index .pi-slider__right img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    object-fit: contain;
    transform: none;
  }
  


      /* ----------------------------------------------------------
       PLATFORMY — PRAWA DOLNA CZĘŚĆ
       ---------------------------------------------------------- */  

      body#index .pi-slider__platforms {
        position: absolute;

        z-index: 4;

        right: 0;
        left: auto;

        bottom: 55px;
        top: auto;

        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;

        gap: 11px;

        width: 130px;
        min-width: 0;
        max-width: 130px;

        height: auto;

        margin: 0;
        padding: 0;

        overflow: visible;

        transform: none;
    }
  body#index .pi-slider__platforms:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    z-index: 4;
    right: 0;
    left: auto;
    bottom: 55px;
    top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 11px;
    width: 130px;
    min-width: 0;
    max-width: 130px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    transform: none;
  }
  

      body#index .pi-slider__platforms > * {
        display: block;

        flex: none;

        width: auto;
        max-width: 125px;

        margin: 0;
        padding: 0;
    }
  body#index .pi-slider__platforms > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    flex: none;
    width: auto;
    max-width: 125px;
    margin: 0;
    padding: 0;
  }
  

      body#index .pi-slider__platforms img {
        display: block;

        width: auto;
        max-width: 125px;
        height: auto;

        margin: 0;
    }
  body#index .pi-slider__platforms img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: auto;
    max-width: 125px;
    height: auto;
    margin: 0;
  }
  
}



/* ==========================================================================
   MAŁE TELEFONY
   ========================================================================== */

@media (max-width: 380px) {
  

      body#index .pi-slider {
        min-height: 825px;

        padding-right: 18px;
        padding-left: 18px;
    }
  body#index .pi-slider:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    min-height: 825px;
    padding-right: 18px;
    padding-left: 18px;
  }
  

      body#index .pi-slider__content {
        min-height: 785px;
    }
  body#index .pi-slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    min-height: 785px;
  }
  

      body#index .pi-slider__left h1 {
        max-width: 310px;

        font-size: 48px;
    }
  body#index .pi-slider__left h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 310px;
    font-size: 48px;
  }
  

      body#index .pi-slider__cta {
        width: 230px;
        max-width: 230px;
    }
  body#index .pi-slider__cta:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 230px;
    max-width: 230px;
  }
  

      body#index .pi-slider__cta .btn,
    body#index .pi-slider__cta a {
        width: 230px;
        min-width: 230px;
        max-width: 230px;
    }
  body#index .pi-slider__cta .btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__cta a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
  }
  

      body#index .pi-slider__right {
        left: 3px;

        width: 210px;
        max-width: 210px;
    }
  body#index .pi-slider__right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    left: 3px;
    width: 210px;
    max-width: 210px;
  }
  

      body#index .pi-slider__platforms {
        right: -2px;

        bottom: 45px;

        width: 115px;
        max-width: 115px;
    }
  body#index .pi-slider__platforms:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    right: -2px;
    bottom: 45px;
    width: 115px;
    max-width: 115px;
  }
  

      body#index .pi-slider__platforms > *,
    body#index .pi-slider__platforms img {
        max-width: 110px;
    }
  body#index .pi-slider__platforms > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__platforms img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 110px;
  }
  
}


/* ==========================================================================
   HOME HERO — MOBILE FINAL
   ========================================================================== */

@media (max-width: 767.98px) {
  

      body#index .pi-slider {
        width: 100%;
        min-height: 0;
        height: auto;

        padding: 38px 22px 20px;

        overflow: hidden;
    }
  body#index .pi-slider:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 38px 22px 20px;
    overflow: hidden;
  }
  


      /* ================================================================
       GŁÓWNY GRID
       ================================================================ */  

      body#index .pi-slider__content {
        display: grid;

        grid-template-columns: minmax(0, 1fr) 135px;

        grid-template-areas: "eyebrow eyebrow"
            "title title"
            "cta cta"
            "pirate platforms";

        column-gap: 12px;
        row-gap: 0;

        width: 100%;
        min-width: 0;
        max-width: none;

        min-height: 0;
        height: auto;

        margin: 0;
        padding: 0;

        position: relative;
    }
  body#index .pi-slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 135px;
    grid-template-areas: "eyebrow eyebrow"
                "title title"
                "cta cta"
                "pirate platforms";
    column-gap: 12px;
    row-gap: 0;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
  }
  


      /*
     * Klucz:
     * usuwamy wizualny wrapper LEFT,
     * ale jego dzieci nadal istnieją.
     */  
      body#index .pi-slider__left {
        display: contents;
    }
  body#index .pi-slider__left:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: contents;
  }
  


      /* ================================================================
       EYEBROW
       ================================================================ */  

      body#index .pi-slider__eyebrow {
        grid-area: eyebrow;

        width: 100%;

        margin: 0 0 10px;
        padding: 0;

        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;

        color: #086cff;
    }
  body#index .pi-slider__eyebrow:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-area: eyebrow;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #086cff;
  }
  


      /* ================================================================
       NAGŁÓWEK
       ================================================================ */  

      body#index .pi-slider__left h1 {
        grid-area: title;

        width: 100%;
        max-width: 340px;

        margin: 0;
        padding: 0;

        font-size: 52px;
        font-weight: 500;
        line-height: .98;
        letter-spacing: -2px;

        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }
  body#index .pi-slider__left h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-area: title;
    width: 100%;
    max-width: 340px;
    margin: 0;
    padding: 0;
    font-size: 52px;
    font-weight: 500;
    line-height: .98;
    letter-spacing: -2px;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }
  


      /* Opis wyłączony na mobile */  
      body#index .pi-slider__left > p {
        display: none;
    }
  body#index .pi-slider__left > p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  


      /* ================================================================
       PRZYCISKI
       ================================================================ */  

      body#index .pi-slider__cta {
        grid-area: cta;

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

        gap: 10px;

        width: 300px;
        max-width: 300px;

        margin: 28px 0 34px;
        padding: 0;
    }
  body#index .pi-slider__cta:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-area: cta;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 300px;
    max-width: 300px;
    margin: 28px 0 34px;
    padding: 0;
  }
  

      body#index .pi-slider__cta .btn,
    body#index .pi-slider__cta a {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 240px;
        min-width: 245px;
        max-width: 300px;

        height: 56px;
        min-height: 56px;
        max-height: 56px;
        font-size: 14px;
        margin: 0;

        border-radius: 999px;

        box-sizing: border-box;
    }
  body#index .pi-slider__cta .btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__cta a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 240px;
    min-width: 245px;
    max-width: 300px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    font-size: 14px;
    margin: 0;
    border-radius: 999px;
    box-sizing: border-box;
  }
  
    
          body#index .pi-slider .pi-btn--outline {
            width: 200px;
            min-width: 210px;
            max-width: 300px;
        }
  body#index .pi-slider .pi-btn--outline:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 200px;
    min-width: 210px;
    max-width: 300px;
  }
  



      /* ================================================================
       PIRAT — LEWY DÓŁ
       ================================================================ */  

      body#index .pi-slider__right {
        grid-area: pirate;

        position: static;

        display: flex;
        align-items: flex-end;
        justify-content: flex-start;

        align-self: end;
        justify-self: start;

        width: 100%;
        min-width: 0;
        max-width: none;

        height: auto;

        margin: 0;
        padding: 0;

        transform: none;
    }
  body#index .pi-slider__right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-area: pirate;
    position: static;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    align-self: end;
    justify-self: start;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    transform: none;
  }
  

      body#index .pi-slider__right img {
        display: block;

        width: 230px;
        max-width: 245px;
        height: auto;

        margin: 0 0 0 -10px;
        padding: 0;

        object-fit: contain;

        transform: none;
    }
  body#index .pi-slider__right img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 230px;
    max-width: 245px;
    height: auto;
    margin: 0 0 0 -10px;
    padding: 0;
    object-fit: contain;
    transform: none;
  }
  
    
      body#index .pi-platforms img {
        height: 20px;
    }
  
    
      body#index .pi-platforms {
        gap: 20px;
        margin-top: 140px;
}
  


      /* ================================================================
       PLATFORMY — PRAWY DÓŁ
       ================================================================ */  

      body#index .pi-slider__platforms {
        grid-area: platforms;

        position: static;

        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;

        align-self: end;
        justify-self: end;

        gap: 10px;

        width: 135px;
        min-width: 0;
        max-width: 135px;

        height: auto;

        margin: 0 0 48px;
        padding: 0;

        overflow: visible;

        transform: none;
    }
  body#index .pi-slider__platforms:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-area: platforms;
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    align-self: end;
    justify-self: end;
    gap: 10px;
    width: 135px;
    min-width: 0;
    max-width: 135px;
    height: auto;
    margin: 0 0 48px;
    padding: 0;
    overflow: visible;
    transform: none;
  }
  

      body#index .pi-slider__platforms > * {
        display: block;

        width: auto;
        max-width: 130px;

        margin: 0;
        padding: 0;

        flex: none;
    }
  body#index .pi-slider__platforms > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: auto;
    max-width: 130px;
    margin: 0;
    padding: 0;
    flex: none;
  }
  

      body#index .pi-slider__platforms img {
        display: block;

        width: auto;
        max-width: 130px;
        height: auto;

        margin: 0;
    }
  body#index .pi-slider__platforms img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: auto;
    max-width: 130px;
    height: auto;
    margin: 0;
  }
  
}



/* ==========================================================================
   MAŁE TELEFONY
   ========================================================================== */

@media (max-width: 380px) {
  

      body#index .pi-slider {
        padding-right: 18px;
        padding-left: 18px;
    }
  body#index .pi-slider:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    padding-right: 18px;
    padding-left: 18px;
  }
  

      body#index .pi-slider__content {
        grid-template-columns: minmax(0, 1fr) 115px;

        column-gap: 8px;
    }
  body#index .pi-slider__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: minmax(0, 1fr) 115px;
    column-gap: 8px;
  }
  

      body#index .pi-slider__left h1 {
        max-width: 310px;

        font-size: 48px;
    }
  body#index .pi-slider__left h1:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 310px;
    font-size: 48px;
  }
  

      body#index .pi-slider__cta,
    body#index .pi-slider__cta .btn,
    body#index .pi-slider__cta a {
        width: 230px;
        min-width: 230px;
        max-width: 230px;
    }
  body#index .pi-slider__cta:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__cta .btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__cta a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
  }
  

      body#index .pi-slider__right img {
        width: 220px;
        max-width: 220px;
    }
  body#index .pi-slider__right img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 220px;
    max-width: 220px;
  }
  

      body#index .pi-slider__platforms {
        width: 115px;
        max-width: 115px;

        margin-bottom: 40px;
    }
  body#index .pi-slider__platforms:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 115px;
    max-width: 115px;
    margin-bottom: 40px;
  }
  

      body#index .pi-slider__platforms > *,
    body#index .pi-slider__platforms img {
        max-width: 110px;
    }
  body#index .pi-slider__platforms > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-slider__platforms img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 110px;
  }
  
}



@media (max-width: 767.98px) {
  

      #header .pi-mobile-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;
        padding: 0;
        background-color: #fff;
        background-image: url("/themes/hummingbird/assets/img-dist/burger.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px;
        border: 1px solid #64A1F4;
        border-radius: 50%;
        margin-left: 15px;
  }
  #header .pi-mobile-menu-toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    background-color: #fff;
    background-image: url("/themes/hummingbird/assets/img-dist/burger.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    border: 1px solid #64A1F4;
    border-radius: 50%;
  }
  

      #header .pi-mobile-menu-toggle span,
    #header .pi-mobile-menu-toggle i,
    #header .pi-mobile-menu-toggle svg {
        display: none;
    }
  #header .pi-mobile-menu-toggle span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header .pi-mobile-menu-toggle i:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header .pi-mobile-menu-toggle svg:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      #header .pi-mobile-menu-toggle::before,
    #header .pi-mobile-menu-toggle::after {
        content: none;
        display: none;
    }
  #header .pi-mobile-menu-toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  #header .pi-mobile-menu-toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  
    
      #header #_mobile_ps_customersignin .header-block__action-btn,
    #header .ps-searchbar--mobile .header-block__action-btn {
        display: none;
    }
  #header #_mobile_ps_customersignin .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header .ps-searchbar--mobile .header-block__action-btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  
    
}


@media (max-width: 767.98px) {
  


      #header #_mobile_ps_shoppingcart .header-block__action-btn {
        background: transparent;
    }
  
    
      /* Kółko koszyka */  
      #header #_mobile_ps_shoppingcart .cart-preview,
    #header #_desktop_ps_shoppingcart .cart-preview {
        position: relative;

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

        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;

        padding: 0;

        background-image: url("/themes/hummingbird/assets/img-dist/streamline-flex_shopping-cart-2.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 22px auto;

        border: 1px solid #64A1F4;
        border-radius: 50%;
    }
  #header #_mobile_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-preview:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    background-image: url("/themes/hummingbird/assets/img-dist/streamline-flex_shopping-cart-2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px auto;
    border: 1px solid #64A1F4;
    border-radius: 50%;
  }
  

      /* Ukryj starą ikonę koszyka */  
      #header #_mobile_ps_shoppingcart .cart-preview i,
    #header #_mobile_ps_shoppingcart .cart-preview svg,
    #header #_mobile_ps_shoppingcart .cart-preview .material-icons,
    #header #_desktop_ps_shoppingcart .cart-preview i,
    #header #_desktop_ps_shoppingcart .cart-preview svg,
    #header #_desktop_ps_shoppingcart .cart-preview .material-icons {
        display: none;
    }
  #header #_mobile_ps_shoppingcart .cart-preview i:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_shoppingcart .cart-preview svg:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_mobile_ps_shoppingcart .cart-preview .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-preview i:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-preview svg:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-preview .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      /* Licznik nadal widoczny */  
      #header #_mobile_ps_shoppingcart .cart-products-count,
    #header #_desktop_ps_shoppingcart .cart-products-count {
        position: absolute;

        top: -5px;
        right: -3px;
        z-index: 10;

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

        min-width: 20px;
        height: 20px;

        padding: 0 5px;

        font-size: 11px;
        font-weight: 700;

        color: #fff;
        background: #086cff;

        border-radius: 999px;
    }
  #header #_mobile_ps_shoppingcart .cart-products-count:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  #header #_desktop_ps_shoppingcart .cart-products-count:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: -5px;
    right: -3px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: #086cff;
    border-radius: 999px;
  }
  
}



/* ==========================================================================
   MOBILE BURGER MENU — FINAL
   ========================================================================== */

@media (max-width: 767.98px) {
  

      /* ================================================================
       OFFCANVAS
       ================================================================ */  

      .ps-mainmenu.ps-mainmenu--mobile {
        --bs-offcanvas-width: 100vw;

        width: 100vw;
        max-width: 430px;

        background: #fff;

        border: 0;

        box-shadow: 20px 0 60px rgba(0, 0, 0, .12);
    }
  .ps-mainmenu.ps-mainmenu--mobile:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100vw;
    max-width: 430px;
    background: #fff;
    border: 0;
    box-shadow: 20px 0 60px rgba(0, 0, 0, .12);
  }
  
    
       #header #mobileMenu .offcanvas-header {
         border-bottom: none;
     }
  #header #mobileMenu .offcanvas-header:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    border-bottom: none;
  }
  

      .pi-mobile-menu__body {
        display: block;

        width: 100%;

        padding: 0 34px 60px;

        overflow-y: auto;
        overflow-x: hidden;
    }
  .pi-mobile-menu__body:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    padding: 0 34px 60px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  


      /* ================================================================
       CLOSE
       ================================================================ */  

      .pi-mobile-menu__header {
        position: relative;

        display: block;

        height: 105px;
        min-height: 105px;

        padding: 0;
    }
  .pi-mobile-menu__header:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: block;
    height: 105px;
    min-height: 105px;
    padding: 0;
  }
  


      .pi-mobile-menu__close {
        position: absolute;

        top: 26px;
        right: 26px;

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

        width: 54px;
        min-width: 54px;
        height: 54px;
        min-height: 54px;

        margin: 0;
        padding: 0;

        background: #086cff;
        background-image: none;

        border: 0;
        border-radius: 50%;

        box-shadow: 0 10px 24px rgba(8, 108, 255, .20);

        transform: none;
    }
  .pi-mobile-menu__close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 26px;
    right: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    min-width: 54px;
    height: 54px;
    min-height: 54px;
    margin: 0;
    padding: 0;
    background: #086cff;
    background-image: none;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(8, 108, 255, .20);
    transform: none;
  }
  


      .pi-mobile-menu__close::before,
    .pi-mobile-menu__close::after {
        content: "";

        position: absolute;

        display: block;

        width: 24px;
        height: 2px;

        background: #fff;

        border: 0;

        top: 26px;
        left: 15px;
    }
  .pi-mobile-menu__close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  .pi-mobile-menu__close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    border: 0;
    top: 26px;
    left: 15px;
  }
  


      .pi-mobile-menu__close::before {
        transform: rotate(45deg);
    }
  .pi-mobile-menu__close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before {
    transform: rotate(45deg);
  }
  


      .pi-mobile-menu__close::after {
        transform: rotate(-45deg);
    }
  .pi-mobile-menu__close:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    transform: rotate(-45deg);
  }
  


      /* ================================================================
       TITLE
       ================================================================ */  

      .pi-mobile-menu__intro {
        width: 100%;
    }
  .pi-mobile-menu__intro:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  


      .pi-mobile-menu__title {
        margin: 0 0 26px;

        font-family: "Syne", sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: 2%;

        color: #171717;
    }
  .pi-mobile-menu__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin: 0 0 26px;
    font-family: "Syne", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 2%;
    color: #171717;
  }
  


      .pi-mobile-menu__title span {
        color: #086cff;
        font-family: "Syne", sans-serif;
    }
  .pi-mobile-menu__title span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: #086cff;
    font-family: "Syne", sans-serif;
  }
  


      /* ================================================================
       SEARCH
       ================================================================ */  

      .pi-mobile-menu__search {
        position: relative;

        display: flex;
        align-items: center;

        width: 100%;
        height: 45px;

        margin: 0;
        padding: 0;

        background: #fff;

        border: 1.5px solid #64a1f4;
        border-radius: 999px;

        overflow: hidden;
    }
  .pi-mobile-menu__search:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1.5px solid #64a1f4;
    border-radius: 999px;
    overflow: hidden;
  }
  


      .pi-mobile-menu__search-input {
        flex: 1 1 auto;

        width: 100%;
        min-width: 0;

        height: 45px;

        margin: 0;
        padding: 0 64px 0 22px;

        font-family: "Inter", sans-serif;
        font-size: 17px;
        font-weight: 400;

        color: #292929;
        background: transparent;

        border: 0;
        border-radius: 0;

        outline: none;
        box-shadow: none;
    }
  .pi-mobile-menu__search-input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 45px;
    margin: 0;
    padding: 0 64px 0 22px;
    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #292929;
    background: transparent;
    border: 0;
    border-radius: 0;
    outline: none;
    box-shadow: none;
  }
  
    
      html body button[type="submit"]:not(.js-search-button):not(.btn-close):not(.ps-searchbar__clear) {
        min-height: 45px;
    }
  html body button[type="submit"]:not(.js-search-button):not(.btn-close):not(.ps-searchbar__clear):not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    min-height: 45px;
  }
  


      .pi-mobile-menu__search-input::placeholder {
        color: #757676;
        opacity: 1;
        font-size: 13px;
    }
  .pi-mobile-menu__search-input:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::placeholder {
    color: #757676;
    opacity: 1;
    font-size: 13px;
  }
  


      .pi-mobile-menu__search-submit {
        position: absolute;

        top: 0;
        right: 0;

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

        width: 45px;
        height: 45px;

        margin: 0;
        padding: 0;

        background: transparent;
        background-image: none;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        transform: none;
    }
  .pi-mobile-menu__search-submit:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    background: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
  }
  


      .pi-mobile-menu__search-submit::before,
    .pi-mobile-menu__search-submit::after {
        content: none;
        display: none;
    }
  .pi-mobile-menu__search-submit:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  .pi-mobile-menu__search-submit:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  


      /* lupa */  

      .pi-mobile-menu__search-icon {
    display: block;

    width: 23px;
    height: 23px;

    background-image: url("/themes/hummingbird/assets/img-dist/magnifying-glass.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    border: 0;
    border-radius: 0;
}
  .pi-mobile-menu__search-icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 23px;
    height: 23px;
    background-image: url("/themes/hummingbird/assets/img-dist/magnifying-glass.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    border-radius: 0;
  }
  

  .pi-mobile-menu__search-icon::before,
.pi-mobile-menu__search-icon::after {
    content: none;
    display: none;
}
  .pi-mobile-menu__search-icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  .pi-mobile-menu__search-icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  


      /* ================================================================
       MENU
       ================================================================ */  

      .pi-mobile-menu__nav {
        width: 100%;
    }
  .pi-mobile-menu__nav:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  


      .pi-mobile-menu__nav .menu__list {
        display: block;

        width: 100%;

        margin: 0;
        padding: 0;

        list-style: none;
    }
  .pi-mobile-menu__nav .menu__list:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  


      .pi-mobile-menu__nav .menu__item {
        position: relative;

        display: block;

        width: 100%;

        margin: 0;
        padding: 0;
    }
  .pi-mobile-menu__nav .menu__item:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  


      /* pojedynczy główny wiersz */  

      .pi-mobile-menu__row {
        position: relative;

        display: flex;
        align-items: center;

        width: 100%;
    }
  .pi-mobile-menu__row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  


      /* główne linki */  

      .pi-mobile-menu__nav
    .menu__list
    > .menu__item
    > .pi-mobile-menu__row
    > .menu__link {
        flex: 1 1 auto;

        min-width: 0;

        padding: 15px 40px 15px 0;

        font-family: "Inter", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.25;

        color: #292929;
        background: transparent;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        text-decoration: none;
        text-transform: uppercase;
    }
  .pi-mobile-menu__nav
    .menu__list
    > .menu__item
    > .pi-mobile-menu__row
    > .menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 1 1 auto;
    min-width: 0;
    padding: 15px 40px 15px 0;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    color: #292929;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
  }
  


      /* ================================================================
       CHEVRON
       ================================================================ */  

      .pi-mobile-menu__toggle {
        position: absolute;

        top: 50%;
        right: 0;

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

        width: 30px;
        min-width: 30px;
        height: 30px;
        min-height: 30px;

        margin: 0;
        padding: 0;

        background: transparent;
        background-image: none;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        transform: translateY(-50%);
    }
  .pi-mobile-menu__toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    background: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: translateY(-50%);
  }
  


      .pi-mobile-menu__toggle::before,
    .pi-mobile-menu__toggle::after {
        content: none;
        display: none;
    }
  .pi-mobile-menu__toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  .pi-mobile-menu__toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  


      .pi-mobile-menu__chevron {
        display: block;

        width: 9px;
        height: 9px;

        margin-top: -4px;

        border-right: 2px solid #086cff;
        border-bottom: 2px solid #086cff;

        transform: rotate(45deg);

        transition: transform .2s ease;
    }
  .pi-mobile-menu__chevron:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -4px;
    border-right: 2px solid #086cff;
    border-bottom: 2px solid #086cff;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
  


      .pi-mobile-menu__toggle[aria-expanded="true"]
    .pi-mobile-menu__chevron {
        margin-top: 4px;

        transform: rotate(225deg);
    }
  .pi-mobile-menu__toggle[aria-expanded="true"]
    .pi-mobile-menu__chevron:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin-top: 4px;
    transform: rotate(225deg);
  }
  


      /* ================================================================
       ACCORDION CONTENT
       ================================================================ */  

      .pi-mobile-submenu {
        width: 100%;

        margin: 0;
        padding: 0 0 8px 14px;
    }
  .pi-mobile-submenu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    margin: 0;
    padding: 0 0 8px 14px;
  }
  


      .pi-mobile-submenu__list {
        display: block;

        width: 100%;

        margin: 0;
        padding: 0;

        list-style: none;
    }
  .pi-mobile-submenu__list:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  


      .pi-mobile-submenu__list
    .pi-mobile-menu__row
    .menu__link {
        display: block;

        width: 100%;

        padding: 8px 34px 8px 0;

        font-family: "Inter", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.35;

        color: #5d5d5d;
        background: transparent;

        border: 0;

        text-decoration: none;
        text-transform: none;
    }
  .pi-mobile-submenu__list
    .pi-mobile-menu__row
    .menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    padding: 8px 34px 8px 0;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    color: #5d5d5d;
    background: transparent;
    border: 0;
    text-decoration: none;
    text-transform: none;
  }
  


      /* ================================================================
       LOGIN
       ================================================================ */  

      .pi-mobile-menu__account {
        width: 100%;

        margin: 50px 0 0;
        padding: 0;
    }
  .pi-mobile-menu__account:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    margin: 50px 0 0;
    padding: 0;
  }
  


      .pi-mobile-menu__account-link {
        display: inline-block;

        margin: 0;
        padding: 0;

        font-family: "Inter", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.25;

        color: #292929;
        background: transparent;

        border: 0;

        text-decoration: none;
        text-transform: uppercase;
    }
  .pi-mobile-menu__account-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    color: #292929;
    background: transparent;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
  }
  


      .pi-mobile-menu__account-link::before,
    .pi-mobile-menu__account-link::after {
        content: none;
        display: none;
    }
  .pi-mobile-menu__account-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  .pi-mobile-menu__account-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  
}


@media (max-width: 767.98px) {
  

      /* ================================================================
       MENU NIE MOŻE ROZCIĄGAĆ SIĘ NA CAŁĄ WYSOKOŚĆ
       ================================================================ */  

      .pi-mobile-menu__nav {
        display: block;

        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;

        margin-top: 26px;
        padding: 0;

        flex: 0 0 auto;

        overflow: visible;
    }
  .pi-mobile-menu__nav:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin-top: 26px;
    padding: 0;
    flex: 0 0 auto;
    overflow: visible;
  }
  


      /* ================================================================
       LISTY
       ================================================================ */  

      .pi-mobile-menu__nav .menu__list {
        display: block;

        width: 100%;
        height: auto;

        margin: 0;
        padding: 0;

        list-style: none;
    }
  .pi-mobile-menu__nav .menu__list:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  

      .pi-mobile-menu__nav .menu__item {
        position: relative;

        display: block;

        width: 100%;
        height: auto;

        margin: 0;
        padding: 0;
    }
  .pi-mobile-menu__nav .menu__item:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  


      /* ================================================================
       WIERSZE GŁÓWNEGO MENU
       ================================================================ */  

      .pi-mobile-menu__nav
    > .menu__list
    > .menu__item
    > .pi-mobile-menu__row {
        display: flex;
        align-items: center;

        width: 100%;
        min-height: 0;

        margin: 0;
        padding: 0;
    }
  .pi-mobile-menu__nav
    > .menu__list
    > .menu__item
    > .pi-mobile-menu__row:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  


      /* Główne linki — styl jak na projekcie */  

      .pi-mobile-menu__nav
    > .menu__list
    > .menu__item
    > .pi-mobile-menu__row
    > .menu__link,

    .pi-mobile-menu__account-link {
        display: block;

        flex: 1 1 auto;

        width: auto;
        min-width: 0;
        max-width: none;

        min-height: 0;

        margin: 0;
        padding: 15px 40px 15px 0;

        font-family: "Syne", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 2%;

        color: #292929;

        background: transparent;
        background-image: none;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        text-decoration: none;
        text-transform: uppercase;

        transform: none;
    }
  .pi-mobile-menu__nav
    > .menu__list
    > .menu__item
    > .pi-mobile-menu__row
    > .menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  .pi-mobile-menu__account-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 15px 40px 15px 0;
    font-family: "Syne", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 2%;
    color: #292929;
    background: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
    transform: none;
  }
  


      /* usuń globalne pseudo-elementy przycisków/linków */  

      .pi-mobile-menu__nav .menu__link::before,
    .pi-mobile-menu__nav .menu__link::after {
        content: none;
        display: none;
    }
  .pi-mobile-menu__nav .menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  .pi-mobile-menu__nav .menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  


      /* ================================================================
       LOGIN JAK NORMALNA POZYCJA MENU
       ================================================================ */  

      .pi-mobile-menu__account-list {
        margin-top: 30px;
    }
  .pi-mobile-menu__account-list:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin-top: 30px;
  }
  

      .pi-mobile-menu__account-item {
        width: 100%;
    }
  .pi-mobile-menu__account-item:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  

      .pi-mobile-menu__account-link {
        width: 100%;

        padding-right: 0;
    }
  .pi-mobile-menu__account-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    padding-right: 0;
  }
  


      /* ================================================================
       KONTAKT NIEBIESKI
       ================================================================ */  

      .pi-mobile-menu__nav
    #lnk-kontakt
    > .pi-mobile-menu__row
    > .menu__link,

    .pi-mobile-menu__nav
    a[href*="kontakt"],

    .pi-mobile-menu__nav
    a[href*="contact"] {
        color: #086cff;
    }
  .pi-mobile-menu__nav
    #lnk-kontakt
    > .pi-mobile-menu__row
    > .menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  .pi-mobile-menu__nav
    a[href*="kontakt"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  .pi-mobile-menu__nav
    a[href*="contact"]:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: #086cff;
  }
  


      /* ================================================================
       DZIUBKI
       ================================================================ */  

      .pi-mobile-menu__toggle {
        position: absolute;

        top: 50%;
        right: 0;

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

        width: 30px;
        height: 30px;

        margin: 0;
        padding: 0;

        background: transparent;
        background-image: none;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        transform: translateY(-50%);
    }
  .pi-mobile-menu__toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    background: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: translateY(-50%);
  }
  

      .pi-mobile-menu__toggle::before,
    .pi-mobile-menu__toggle::after {
        content: none;
        display: none;
    }
  .pi-mobile-menu__toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  .pi-mobile-menu__toggle:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  

      .pi-mobile-menu__chevron {
        display: block;

        width: 9px;
        height: 9px;

        margin-top: -4px;

        border-right: 2px solid #086cff;
        border-bottom: 2px solid #086cff;

        transform: rotate(45deg);

        transition: transform .2s ease;
    }
  .pi-mobile-menu__chevron:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -4px;
    border-right: 2px solid #086cff;
    border-bottom: 2px solid #086cff;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
  

      .pi-mobile-menu__toggle[aria-expanded="true"]
    .pi-mobile-menu__chevron {
        margin-top: 4px;

        transform: rotate(225deg);
    }
  .pi-mobile-menu__toggle[aria-expanded="true"]
    .pi-mobile-menu__chevron:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin-top: 4px;
    transform: rotate(225deg);
  }
  


      /* ================================================================
       SUBMENU
       ================================================================ */  

      .pi-mobile-submenu {
        width: 100%;

        margin: 0;
        padding: 0 0 10px 14px;
    }
  .pi-mobile-submenu:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    margin: 0;
    padding: 0 0 10px 14px;
  }
  

      .pi-mobile-submenu .menu__link {
        display: block;

        width: 100%;
        min-height: 0;

        margin: 0;
        padding: 8px 0;

        font-family: "Inter", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.35;

        color: #5d5d5d;

        text-transform: none;

        background: transparent;
        border: 0;
        box-shadow: none;
    }
  .pi-mobile-submenu .menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 8px 0;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    color: #5d5d5d;
    text-transform: none;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  
}


@media (max-width: 767.98px) {
  

      .pi-mobile-menu__nav #category-15 {
        display: none;
    }
  .pi-mobile-menu__nav #category-15:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      .pi-mobile-menu__nav #lnk-blog {
        display: none;
    }
  .pi-mobile-menu__nav #lnk-blog:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  
}


/* ==========================================================================
   POLECANE PRODUKTY — MOBILE FINAL
   ========================================================================== */

@media (max-width: 767.98px) {
  

      /* sekcja */  
      body#index .ps-featuredproducts {
        width: 100%;

    }
  body#index .ps-featuredproducts:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
  }
  


      /* ================================================================
       SLIDER
       ================================================================ */  

      body#index .ps-featuredproducts .products {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;

        gap: 18px;

        width: 100%;

        margin: 0;
        padding: 0;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        scrollbar-width: none;
    }
  body#index .ps-featuredproducts .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 18px;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  

      body#index .ps-featuredproducts .products::-webkit-scrollbar {
        display: none;
    }
  body#index .ps-featuredproducts .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::-webkit-scrollbar {
    display: none;
  }
  


      /* jedna karta */  
      body#index .ps-featuredproducts .products > * {
        flex: 0 0 100%;

        width: 100%;
        min-width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0;

        scroll-snap-align: start;
    }
  body#index .ps-featuredproducts .products > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
  }
  


      /* ================================================================
       KARTA
       ================================================================ */  

      body#index
    .ps-featuredproducts
    .product-miniature {
        display: flex;
        flex-direction: column;

        width: 100%;
        min-height: 0;
        height: auto;

        margin: 0;
        padding: 16px 16px 24px;

        background: #fff;

        border-radius: 24px;

        box-shadow: 0 8px 24px rgba(30, 45, 70, .12);

    }
  body#index
    .ps-featuredproducts
    .product-miniature:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    height: auto;
    margin: 0;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(30, 45, 70, .12);
  }
  



      body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container {
        overflow: hidden;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    overflow: hidden;
  }
  

      /* ================================================================
       ZDJĘCIE
       ================================================================ */  

      body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container {
        position: relative;

        width: 100%;
        height: auto;

        margin: 0 0 26px;
        padding: 0;

        aspect-ratio: 1 / 1;

        border-radius: 20px;

        overflow: hidden;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 26px;
    padding: 0;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    overflow: hidden;
  }
  

      body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container
    img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;

        border-radius: 20px;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container
    img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
  }
  


      /* ================================================================
       TREŚĆ KARTY
       ================================================================ */  

      body#index
    .ps-featuredproducts
    .product-miniature
    .product-description,

    body#index
    .ps-featuredproducts
    .product-miniature
    .product-miniature__infos,

    body#index
    .ps-featuredproducts
    .product-miniature
    .product-miniature__content {
        width: 100%;

        padding: 0 8px;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-description:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-miniature__infos:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-miniature__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    padding: 0 8px;
  }
  


      /* nazwa */  
      body#index
    .ps-featuredproducts
    .product-miniature
    .product-title {
        margin: 0 0 22px;

        font-family: "Syne", sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: 1.12;

        color: #111;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin: 0 0 22px;
    font-family: "Syne", sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.12;
    color: #111;
  }
  

      body#index
    .ps-featuredproducts
    .product-miniature
    .product-title a {
        color: inherit;

        text-decoration: none;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-title a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: inherit;
    text-decoration: none;
  }
  


      /* ================================================================
       OPIS — WYŁĄCZAMY
       ================================================================ */  

      body#index
    .ps-featuredproducts
    .product-miniature
    .product-description-short,

    body#index
    .ps-featuredproducts
    .product-miniature
    .product-miniature__description,

    body#index
    .ps-featuredproducts
    .product-miniature
    .product-description
    p {
        display: none;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-description-short:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-miniature__description:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-description
    p:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  


      /* ================================================================
       CENA
       ================================================================ */  

      body#index
    .ps-featuredproducts
    .product-miniature
    .product-price-and-shipping {
        margin: 0;

        font-family: "Syne", sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;

        color: #086cff;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .product-price-and-shipping:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    margin: 0;
    font-family: "Syne", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #086cff;
  }
  

      body#index
    .ps-featuredproducts
    .product-miniature
    .price {
        color: #086cff;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .price:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    color: #086cff;
  }
  


      /* ================================================================
       UKRYJ "WSZYSTKIE POLECANE PRODUKTY"
       ================================================================ */  

      body#index
    .ps-featuredproducts
    .all-product-link,

    body#index
    .ps-featuredproducts
    .all-products-link,

    body#index
    .ps-featuredproducts
    .featured-products__all {
        display: none;
    }
  body#index
    .ps-featuredproducts
    .all-product-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index
    .ps-featuredproducts
    .all-products-link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index
    .ps-featuredproducts
    .featured-products__all:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  


      /* ================================================================
       STRZAŁKI POD SLIDEREM
       ================================================================ */  

      body#index .pi-featured-mobile-nav {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 18px;

        width: 100%;

        margin: 30px 0 0;
        padding: 0;
    }
  body#index .pi-featured-mobile-nav:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    margin: 30px 0 0;
    padding: 0;
  }
  

      body#index .pi-featured-mobile-nav__btn {
        display: flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 58px;

        width: 58px;
        min-width: 58px;
        height: 58px;
        min-height: 58px;

        margin: 0;
        padding: 0;

        font-size: 30px;
        font-weight: 300;
        line-height: 1;

        color: #fff;

        border: 0;
        border-radius: 50%;

        box-shadow: 0 8px 18px rgba(20, 40, 70, .14);

        transform: none;
    }
  body#index .pi-featured-mobile-nav__btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    min-width: 58px;
    height: 58px;
    min-height: 58px;
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(20, 40, 70, .14);
    transform: none;
  }
  

      body#index
    .pi-featured-mobile-nav__btn::before,

    body#index
    .pi-featured-mobile-nav__btn::after {
        content: none;
        display: none;
    }
  body#index
    .pi-featured-mobile-nav__btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  body#index
    .pi-featured-mobile-nav__btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  

      body#index
    .pi-featured-mobile-nav__btn--prev {
        background: #a5a7a9;
    }
  body#index
    .pi-featured-mobile-nav__btn--prev:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    background: #a5a7a9;
  }
  

      body#index
    .pi-featured-mobile-nav__btn--next {
        background: #086cff;
    }
  body#index
    .pi-featured-mobile-nav__btn--next:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    background: #086cff;
  }
  
}


/* ==========================================================================
   PI SERVICES — MOBILE SLIDER
   ========================================================================== */

@media (max-width: 767.98px) {
  

      body#index .pi-services {
        position: relative;

        width: 100%;

        overflow: hidden;
    }
  body#index .pi-services:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  


      body#index .pi-services__inner {
        position: relative;

        width: 100%;
        max-width: none;

    
    }
  body#index .pi-services__inner:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    width: 100%;
    max-width: none;

  }
  


      /* ================================================================
       GRID DESKTOPOWY -> SLIDER
       ================================================================ */  

      body#index .pi-services__grid {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;

        grid-template-columns: none;

        gap: 0;

        width: 100%;

        margin: 0;
        padding: 0;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }
  body#index .pi-services__grid:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    grid-template-columns: none;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  

      body#index .pi-services__grid::-webkit-scrollbar {
        display: none;
    }
  body#index .pi-services__grid:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::-webkit-scrollbar {
    display: none;
  }
  


      /* ================================================================
       JEDEN .pi-service = JEDEN SLAJD
       ================================================================ */  

      body#index .pi-services__grid > .pi-service {
        display: block;

        flex: 0 0 100%;

        width: 100%;
        min-width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0;

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
  body#index .pi-services__grid > .pi-service:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  


      /* ================================================================
       IKONA
       ================================================================ */  

      body#index .pi-service__icon {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        width: 52px;
        height: 52px;

        margin: 0 0 20px;
        padding: 0;
    }
  body#index .pi-service__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 52px;
    height: 52px;
    margin: 0 0 20px;
    padding: 0;
  }
  

      body#index .pi-service__icon img,
    body#index .pi-service__icon svg {
        display: block;

        width: 100%;
        max-width: 52px;
        height: auto;
        max-height: 52px;
    }
  body#index .pi-service__icon img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .pi-service__icon svg:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    max-width: 52px;
    height: auto;
    max-height: 52px;
  }
  


      /* ================================================================
       TREŚĆ
       ================================================================ */  

      body#index .pi-service__content {
        display: block;

        width: 100%;

        margin: 0;
        padding: 0;
    }
  body#index .pi-service__content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  


      body#index .pi-service__title {
        max-width: 100%;

        margin: 0 0 18px;

        font-family: "Syne", sans-serif;
        font-size: 25px;
        font-weight: 600;
        line-height: 1.15;

        color: #086cff;
    }
  body#index .pi-service__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 100%;
    margin: 0 0 18px;
    font-family: "Syne", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.15;
    color: #086cff;
  }
  


      body#index .pi-service__description {
        max-width: 340px;

        margin: 0 0 22px;

        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.45;

        color: #292929;
    }
  body#index .pi-service__description:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    max-width: 340px;
    margin: 0 0 22px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    color: #292929;
  }
  


      body#index .pi-service__link {
        display: inline-block;

        width: auto;

        margin: 0;
        padding: 0;

        font-size: 16px;

        color: #66a3ff;
        background: transparent;
        background-image: none;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        text-decoration: underline;
        text-underline-offset: 5px;
    }
  body#index .pi-service__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #66a3ff;
    background: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  

      body#index .pi-service__link::before,
    body#index .pi-service__link::after {
        content: none;
        display: none;
    }
  body#index .pi-service__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
  body#index .pi-service__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
    content: none;
    display: none;
  }
  

  @media (max-width: 767.98px) {
    
        /* ================================================================
       STRZAŁKI
       ================================================================ */    

        body#index .pi-services-mobile-nav {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        gap: 16px;

        width: 100%;

        margin: 34px 0 0;
        padding: 0;
    }
    body#index .pi-services-mobile-nav:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 16px;
      width: 100%;
      margin: 34px 0 0;
      padding: 0;
    }
    


        body#index .pi-services-mobile-nav__btn {
        position: relative;

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

        flex: 0 0 58px;

        width: 58px;
        min-width: 58px;
        max-width: 58px;

        height: 58px;
        min-height: 58px;
        max-height: 58px;

        margin: 0;
        padding: 0;

        font-family: Arial, sans-serif;
        font-size: 30px;
        font-weight: 300;
        line-height: 1;

        color: #fff;

        border: 0;
        border-radius: 50%;

        box-shadow: 0 8px 18px rgba(0, 0, 0, .14);

        transform: none;
    }
    body#index .pi-services-mobile-nav__btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 58px;
      width: 58px;
      min-width: 58px;
      max-width: 58px;
      height: 58px;
      min-height: 58px;
      max-height: 58px;
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      font-size: 30px;
      font-weight: 300;
      line-height: 1;
      color: #fff;
      border: 0;
      border-radius: 50%;
      box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
      transform: none;
    }
    


        /* wywalamy Twój globalny ::after z buttonów */    

        body#index .pi-services-mobile-nav__btn::before,
    body#index .pi-services-mobile-nav__btn::after {
        content: none;
        display: none;
    }
    body#index .pi-services-mobile-nav__btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
    body#index .pi-services-mobile-nav__btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
      content: none;
      display: none;
    }
    


        body#index .pi-services-mobile-nav__btn--prev {
        background: #a5a7a9;
    }
    body#index .pi-services-mobile-nav__btn--prev:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
      background: #a5a7a9;
    }
    

        body#index .pi-services-mobile-nav__btn--next {
        background: #086cff;
    }
    body#index .pi-services-mobile-nav__btn--next:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
      background: #086cff;
    }
    


        body#index .pi-services-mobile-nav__btn:disabled {
        background: #a5a7a9;
        opacity: 1;
    }
    body#index .pi-services-mobile-nav__btn:disabled:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
      background: #a5a7a9;
      opacity: 1;
    }
    
  }
  
}


@media (max-width: 767.98px) {
  

      body#index
    .block-categories
    > article.blog-post
    + article.blog-post {
        display: none;
    }
  body#index
    .block-categories
    > article.blog-post
    + article.blog-post:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      body#index
    .block-categories
    > article.blog-post {
        width: 100%;
        max-width: 100%;

        margin-left: 0;
        margin-right: 0;

        grid-column: 1 / -1;
    }
  body#index
    .block-categories
    > article.blog-post:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    grid-column: 1 / -1;
  }
  
    
    
       html body .block-categories .blog-post {
         flex-direction: column;
     }
  
     
       body .block-categories > h2.blog-tag {
         margin-bottom: 40px;
     }
  
     
     
        .about-ocean__eyebrow {
          font-size: 18px;
          letter-spacing: 2%;
      }
  
      
        .mobile-new-line {
        display: block;
        padding-top: 5px;
    }
  
    
      .about-ocean__title {
        font-size: 32px;
        margin-bottom: 10px;
    }
  .about-ocean__title:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    font-size: 32px;
  }
  
    
      .about-ocean__title strong {
        display: block;
    }
  
    
      .about-ocean__mermaid {
        display: none;
    }
  
}


@media (max-width: 767.98px) {
  

      /* cały układ sekcji */  
      .about-ocean__inner {
        display: flex;
        flex-direction: column;

        width: 100%;

        gap: 0;
    }
  .about-ocean__inner:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
  }
  

      /* 1. nagłówek */  
      .about-ocean__header {
        order: 1;
    }
  .about-ocean__header:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 1;
  }
  

      /* 2. pierwszy blok tekstu */  
      .about-ocean__copy--left {
        order: 2;

        width: 100%;
    }
  .about-ocean__copy--left:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 2;
    width: 100%;
  }
  

      /* 3. dekoracje między tekstami */  
      .about-ocean__shells {
        order: 3;

        width: 100%;
        height: 260px;
        min-height: 260px;

        margin: 20px 0 28px;

        position: relative;
        overflow: hidden;
    }
  .about-ocean__shells:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 3;
    width: 100%;
    height: 260px;
    min-height: 260px;
    margin: 20px 0 28px;
    position: relative;
    overflow: hidden;
  }
  

      /* 4. drugi blok tekstu */  
      .about-ocean__copy--right {
        order: 4;

        width: 100%;
    }
  .about-ocean__copy--right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    order: 4;
    width: 100%;
  }
  


      .about-ocean__shells img {
    width: 560px;
    max-width: 800px;
    position: absolute;
    right: 5px;
  }
  
  
 
  
    .pirate-cta__pirate {
      order: 1;
      margin-top: 0;
  }
  
  
    .pirate-cta__content {
    order: 2;
    margin-top: 20px;
    text-align: start;
  }
  
    
    
      .pirate-cta__eyebrow {
        font-size: 18px;
        line-height: 100%;
    }
  
}


/* ================================================================
   SERVICES — STRZAŁKI TYLKO MOBILE
   ================================================================ */

@media (min-width: 768px) {
  

      html body#index .pi-services-mobile-nav {
        display: none;
    }
  html body#index .pi-services-mobile-nav:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  

      html body#index .pi-services-mobile-nav__btn {
        display: none;
    }
  html body#index .pi-services-mobile-nav__btn:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  
}


/* ==========================================================================
   HOME — BLOG CTA + CUSTOM TEXT — MOBILE FIX
   ========================================================================== */

@media (max-width: 767.98px) {
  

      /* ================================================================
       BLOG — CAŁA SEKCJA
       ================================================================ */  

      body#index .block-categories,
    body#index .block-categories.hidden-sm-down {
        display: block;

        width: 100%;
        min-width: 0;
        max-width: 100%;

        margin: 0;
        padding: 40px 36px 48px;

        box-sizing: border-box;

        overflow: hidden;
    }
  body#index .block-categories:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .block-categories.hidden-sm-down:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
  


      /* ================================================================
       NAGŁÓWEK BLOGA
       ================================================================ */  

      body#index .block-categories > h2.blog-tag {
        width: 100%;
        max-width: 100%;

        margin: 0 0 40px;
        padding: 0;

        box-sizing: border-box;
    }
  body#index .block-categories > h2.blog-tag:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: 100%;
    margin: 0 0 40px;
    padding: 0;
    box-sizing: border-box;
  }
  


      /* ================================================================
       KARTA WPISU
       ================================================================ */  

      body#index .block-categories > article.blog-post {
        display: flex;
        flex-direction: column;

        width: 100%;
        min-width: 0;
        max-width: 100%;

        margin: 0;
        padding: 0;

        box-sizing: border-box;

        overflow: hidden;
    }
  body#index .block-categories > article.blog-post:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
  


      /* KLUCZOWE:
       resetujemy desktopowe szerokości dzieci artykułu */  
      body#index .block-categories > article.blog-post > * {
        flex: 0 0 auto;

        width: 100%;
        min-width: 0;
        max-width: 100%;

        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }
  body#index .block-categories > article.blog-post > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  


      /* ================================================================
       ZDJĘCIE
       ================================================================ */  

      body#index .block-categories .blog-post img,
    body#index .block-categories .blog-post picture,
    body#index .block-categories .blog-post picture img {
        display: block;

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

        margin-left: 0;
        margin-right: 0;

        box-sizing: border-box;
    }
  body#index .block-categories .blog-post img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .block-categories .blog-post picture:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .block-categories .blog-post picture img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  


      /* link obejmujący obraz też nie może mieć desktopowej szerokości */  
      body#index .block-categories .blog-post > a,
    body#index .block-categories .blog-post picture > a {
        width: 100%;
        max-width: 100%;
    }
  body#index .block-categories .blog-post > a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
  body#index .block-categories .blog-post picture > a:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    max-width: 100%;
  }
  


      /* ================================================================
       TYLKO PIERWSZY WPIS NA MOBILE
       ================================================================ */  

      body#index
    .block-categories
    > article.blog-post
    + article.blog-post {
        display: none;
    }
  body#index
    .block-categories
    > article.blog-post
    + article.blog-post:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  
}



    /* ================================================================
       PS CUSTOM TEXT
       ================================================================ */

    body#index .ps-customtext {
        width: 100%;
        max-width: 100%;

        height: auto;
        min-height: 0;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
        overflow: hidden;
    }
body#index .ps-customtext:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}



    /* To tutaj nadajemy właściwy gutter */
    body#index .ps-customtext > .container {
        width: 100%;

        margin: 0 auto;

        padding-left: 14px;
        padding-right: 14px;

        box-sizing: border-box;
    }
body#index .ps-customtext > .container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}



    /* ================================================================
       ABOUT OCEAN
       ================================================================ */

    body#index .about-ocean,
    body#index .about-ocean__inner,
    body#index .about-ocean__header,
    body#index .about-ocean__copy,
    body#index .about-ocean__copy--left,
    body#index .about-ocean__copy--right {
        width: 100%;
        min-width: 0;
        max-width: 1400px;

        box-sizing: border-box;
    }
body#index .about-ocean:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#index .about-ocean__inner:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#index .about-ocean__header:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#index .about-ocean__copy:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#index .about-ocean__copy--left:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#index .about-ocean__copy--right:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  min-width: 0;
  max-width: 1320px;
  box-sizing: border-box;
  margin: 0;
}

}

@media (max-width: 767.98px) {

    /* cała sekcja polecanych produktów */
    }


/* =========================================================
   REASSURANCE — DESKTOP
   tylko ukrywamy gwarancję
   ========================================================= */

@media (min-width: 768px) {
  

      /* schowaj wyłącznie Gwarancję */  
      body#product
    .pi-product-reassurance
    .blockreassurance--product
    > *:last-child {
        display: none;
    }
  body#product
    .pi-product-reassurance
    .blockreassurance--product
    > *:last-child:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: none;
  }
  
}



/* =========================================================
   PRODUCT REASSURANCE — MOBILE 2 x 2
   ========================================================= */

@media (max-width: 767.98px) {
  

      body#product .pi-product-reassurance {
        width: 100%;
        margin-top: 24px;
    }
  body#product .pi-product-reassurance:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    width: 100%;
    margin-top: 24px;
  }
  

      /* TO JEST KONTENER 4 ELEMENTÓW */  
      body#product
    .pi-product-reassurance
    .blockreassurance--product {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 30px 24px;

        width: 100%;
        max-width: 100%;

        margin: 0;

        box-sizing: border-box;
    }
  body#product
    .pi-product-reassurance
    .blockreassurance--product:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 24px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
  }
  

      /* KAŻDY Z 4 ELEMENTÓW */  
      body#product
    .pi-product-reassurance
    .blockreassurance--product
    > * {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;

        gap: 10px;

        width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;
    }
  body#product
    .pi-product-reassurance
    .blockreassurance--product
    > *:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  

      /* IKONA */  
      body#product
    .pi-product-reassurance
    .blockreassurance--product
    > *
    img {
        flex: 0 0 40px;

        width: 40px;
        max-width: 40px;
        height: 40px;

        margin: 0;

        object-fit: contain;
    }
  body#product
    .pi-product-reassurance
    .blockreassurance--product
    > *
    img:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    flex: 0 0 40px;
    width: 40px;
    max-width: 40px;
    height: 40px;
    margin: 0;
    object-fit: contain;
  }
  

      /* TEKST */  
      body#product
    .pi-product-reassurance
    .blockreassurance--product
    > *
    span {
        min-width: 0;

        margin: 0;

        font-size: 14px;
        line-height: 1.15;

        text-align: left;
    }
  body#product
    .pi-product-reassurance
    .blockreassurance--product
    > *
    span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.15;
    text-align: left;
  }
  
  .pi-product-reassurance .reassurance__image svg path[stroke] {
    fill: none;
}
  
}


@media (max-width: 767.98px) {
  

      /* sekcja nie może ucinać cienia */  
      body#index .ps-featuredproducts {
        overflow: visible;
    }
  body#index .ps-featuredproducts:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    overflow: visible;
  }
  

      /* daj przestrzeń na cień nad i pod kartą */  
      body#index .ps-featuredproducts .products {
        padding-top: 18px;
        padding-bottom: 30px;

        overflow-x: auto;
        overflow-y: visible;
    }
  body#index .ps-featuredproducts .products:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    padding-top: 18px;
    padding-bottom: 30px;
    overflow-x: auto;
    overflow-y: visible;
  }
  

      /* sama karta */  
      body#index
    .ps-featuredproducts
    .product-miniature {
        position: relative;

        overflow: visible;

        box-shadow: 0 12px 32px rgba(30, 45, 70, .14);
    }
  body#index
    .ps-featuredproducts
    .product-miniature:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    position: relative;
    overflow: visible;
    box-shadow: 0 12px 32px rgba(30, 45, 70, .14);
  }
  

      /* tylko zdjęcie nadal przycinamy do radiusa */  
      body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container {
        overflow: hidden;
    }
  body#index
    .ps-featuredproducts
    .product-miniature
    .thumbnail-container:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    overflow: hidden;
  }
  
    

}



@media (max-width: 767.98px) {
  
    .breadcrumb__wrapper > .container {
    padding-left: 0;
  }
  
  
    body#product .breadcrumb__wrapper > .container,
  body#module-pi_onepagecheckoutpro-checkout .breadcrumb__wrapper > .container,
  body#contact .breadcrumb__wrapper > .container {
    padding-left: 20px;
  }
  
  
  
  
    body#contact .contact-form {
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
  }
  
  
    body#contact .contact-form .buttons-wrapper {
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  
}


body#index .ps-customtext > .container {
    max-wdith: revert-rule;
}

/* ==========================================================================
   SOURCE: pi_sheet55.css
   ========================================================================== */
/* ==========================================================================
   MOJE KONTO — PRAWE KAFELKI
   ========================================================================== */

body#my-account .account-menu--main {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 22px;

    width: 100%;

    margin: 0;
    padding: 0;
}
body#my-account .account-menu--main:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  width: 100%;
  margin: 0;
  padding: 0;
}



/* KAFELEK */

body#my-account
.account-menu--main
> .account-menu__link {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;

    gap: 24px;

    width: 100%;
    min-width: 0;

    height: 170px;
    min-height: 170px;

    margin: 0;
    padding: 26px;

    font-family: "Syne", sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;

    color: #292929;

    background: #fff;

    border: 1px solid #e1e7ef;
    border-radius: 22px;

    box-shadow: 0 8px 28px rgba(20, 40, 70, .05);

    text-decoration: none;

    transition: transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}
body#my-account
.account-menu--main
> .account-menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  min-width: 0;
  height: 170px;
  min-height: 170px;
  margin: 0;
  padding: 26px;
  font-family: "Syne", sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  color: #292929;
  background: #fff;
  border: 1px solid #e1e7ef;
  border-radius: 22px;
  box-shadow: 0 8px 28px rgba(20, 40, 70, .05);
  text-decoration: none;
  transition: transform .2s ease,
          border-color .2s ease,
          box-shadow .2s ease;
}



/* IKONA */

body#my-account
.account-menu--main
> .account-menu__link
.account-menu__icon {
    display: block;

    width: auto;
    height: auto;

    margin: 0;

    font-size: 36px;
    line-height: 1;

    color: #086cff;
}
body#my-account
.account-menu--main
> .account-menu__link
.account-menu__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 36px;
  line-height: 1;
  color: #086cff;
}



/* TEKST */

body#my-account
.account-menu--main
> .account-menu__link
> span {
    margin: 0;

    font-family: "Syne", sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;

    color: #292929;
}
body#my-account
.account-menu--main
> .account-menu__link
> span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  font-family: "Syne", sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  color: #292929;
}



/* HOVER */

body#my-account
.account-menu--main
> .account-menu__link:hover {
    color: #292929;

    border-color: #b8d3ff;

    box-shadow: 0 14px 36px rgba(8, 108, 255, .11);

    transform: translateY(-3px);
}
body#my-account
.account-menu--main
> .account-menu__link:hover:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  color: #292929;
  border-color: #b8d3ff;
  box-shadow: 0 14px 36px rgba(8, 108, 255, .11);
  transform: translateY(-3px);
}



/* wyłącz globalne pseudo-elementy */
body#my-account
.account-menu--main
> .account-menu__link::before,
body#my-account
.account-menu--main
> .account-menu__link::after {
    content: none;
    display: none;
}
body#my-account
.account-menu--main
> .account-menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#my-account
.account-menu--main
> .account-menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}



/* TABLET */

@media (max-width: 991.98px) {
  

      body#my-account .account-menu--main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  body#my-account .account-menu--main:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
}



/* MOBILE */




/* ==========================================================================
   MOJE KONTO — POPRAWKA SZEROKOŚCI PRAWEJ CZĘŚCI
   ========================================================================== */

body#my-account .account-menu--main {
    display: grid;

    grid-template-columns: repeat(3, minmax(300px, 1fr));

    gap: 24px;

    width: 100%;
    max-width: none;
    min-width: 0;

    flex: 1 1 100%;

    justify-self: stretch;
    align-self: stretch;

    margin: 0;
    padding: 0;
}
body#my-account .account-menu--main:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: grid;
  grid-template-columns: repeat(3, minmax(300px, 1fr));
  gap: 24px;
  width: 100%;
  max-width: none;
  min-width: 0;
  flex: 1 1 100%;
  justify-self: stretch;
  align-self: stretch;
  margin: 0;
  padding: 0;
}



/* każdy kafelek */
body#my-account
.account-menu--main
> .account-menu__link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;

    width: 100%;
    min-width: 0;
    max-width: none;

    height: 170px;
    min-height: 170px;

    padding: 26px;

    background: #fff;

    border: 1px solid #e1e7ef;
    border-radius: 22px;

    box-shadow: 0 8px 28px rgba(20, 40, 70, .05);

    color: #292929;
    text-decoration: none;

    overflow: hidden;
}
body#my-account
.account-menu--main
> .account-menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 170px;
  min-height: 170px;
  padding: 26px;
  background: #fff;
  border: 1px solid #e1e7ef;
  border-radius: 22px;
  box-shadow: 0 8px 28px rgba(20, 40, 70, .05);
  color: #292929;
  text-decoration: none;
  overflow: hidden;
}



/* ikona */
body#my-account
.account-menu--main
> .account-menu__link
.account-menu__icon {
    margin: 0;

    font-size: 36px;
    line-height: 1;

    color: #086cff;
}
body#my-account
.account-menu--main
> .account-menu__link
.account-menu__icon:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  margin: 0;
  font-size: 36px;
  line-height: 1;
  color: #086cff;
}



/* podpis */
body#my-account
.account-menu--main
> .account-menu__link
> span {
    width: 100%;

    margin: 0;

    font-family: "Syne", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;

    color: #292929;

    overflow-wrap: break-word;
}
body#my-account
.account-menu--main
> .account-menu__link
> span:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  margin: 0;
  font-family: "Syne", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #292929;
  overflow-wrap: break-word;
}


body#my-account #content {
    width: 100%;
    max-width: none;
    min-width: 0;
}
body#my-account #content:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  width: 100%;
  max-width: none;
  min-width: 0;
}


body#my-account #center-column {
    min-width: 0;
}
body#my-account #center-column:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  min-width: 0;
}

@media (max-width: 767.98px) {
  

      body#my-account .account-menu--main {
        grid-template-columns: 1fr;
        gap: 14px;
    }
  body#my-account .account-menu--main:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  

      body#my-account
    .account-menu--main
    > .account-menu__link {
        height: 125px;
        min-height: 125px;

        padding: 20px;

        border-radius: 18px;
    }
  body#my-account
    .account-menu--main
    > .account-menu__link:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
    height: 125px;
    min-height: 125px;
    padding: 20px;
    border-radius: 18px;
  }
  
}




/* GDPR — przyciski eksportu */

/* usuń globalne ::before / ::after */
body#module-psgdpr-gdpr #exportDataToCsv::before,
body#module-psgdpr-gdpr #exportDataToCsv::after,
body#module-psgdpr-gdpr #exportDataToPdf::before,
body#module-psgdpr-gdpr #exportDataToPdf::after {
    content: none;
    display: none;
}
body#module-psgdpr-gdpr #exportDataToCsv:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#module-psgdpr-gdpr #exportDataToCsv:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after,
body#module-psgdpr-gdpr #exportDataToPdf:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::before,
body#module-psgdpr-gdpr #exportDataToPdf:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d)::after {
  content: none;
  display: none;
}



/* wyśrodkuj zawartość */
body#module-psgdpr-gdpr #exportDataToCsv,
body#module-psgdpr-gdpr #exportDataToPdf {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    gap: 0;

    padding-left: 28px;
    padding-right: 28px;
}
body#module-psgdpr-gdpr #exportDataToCsv:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-psgdpr-gdpr #exportDataToPdf:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
  padding-left: 28px;
  padding-right: 28px;
}



/* jeśli w środku została ikona material-icons — ukryj ją */
body#module-psgdpr-gdpr #exportDataToCsv > .material-icons,
body#module-psgdpr-gdpr #exportDataToPdf > .material-icons {
    display: none;
}
body#module-psgdpr-gdpr #exportDataToCsv > .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d),
body#module-psgdpr-gdpr #exportDataToPdf > .material-icons:not(#pi-priority-a):not(#pi-priority-b):not(#pi-priority-c):not(#pi-priority-d) {
  display: none;
}