/*
 * Pracownia Księżycowa — sekcja korzyści (6 kafelków) + baner sezonowy
 * Ten plik ładuje wtyczka pk-sekcje (wp_enqueue_style) — niczego nie wklejasz w Custom CSS.
 *
 * Klasy w BeBuilderze (Advanced → Custom → Classes, bez kropki):
 *   sekcja z 6× Icon Box 2 .............. pk-benefits
 *   sekcja z banerem ..................... pk-promo
 * Reszta selektorów trzyma się standardowego DOM-u BeBuildera:
 *   .mcb-wrap-inner > .mcb-column > .mcb-column-inner > .mfn-icon-box > .icon-wrapper + .desc-wrapper
 *
 * Kolory: zmieniasz tylko zmienne poniżej. Domyślnie oliwka 1:1 z makiety (wybór z 2026-10-08).
 * Wariant alternatywny — zieleń sklepu (kółka = pasek górny): --pk-green:#4C6653; --pk-green-dark:#3B5243;
 *   --pk-green-dark-rgb:59,82,67; --pk-tan-ink:#2F3A2E; --pk-ink:#3B3B1A; --pk-muted:#7D7D70; --pk-bg:#F6F3EC; --pk-line:#ECE7DF;
 */

.pk-benefits,
.pk-promo,
.pk-band,
.pk-grid,
.pk-banner,
.pk-hero-sec,
.pk-hero,
.pk-pban,
.pk-vban,
.pk-foot,
.pk-form,
.pk-kp {
  --pk-bg: #F0EEEA;            /* jasna wstęga pod kartą i banerem */
  --pk-card: #FFFFFF;          /* tło karty */
  --pk-line: #E8E5DF;          /* linie podziału między kafelkami */
  --pk-green: #5B5E4B;         /* kółka z ikonami (oliwka z makiety) */
  --pk-green-dark: #484D3A;    /* tło banera */
  --pk-green-dark-rgb: 72,77,58;
  --pk-tan: #D9BF94;           /* przycisk i etykieta w banerze */
  --pk-tan-ink: #2E2F24;       /* tekst na przycisku */
  --pk-ink: #2B2A28;           /* tytuły kafelków */
  --pk-muted: #6F6F66;         /* podtytuły kafelków */
}

/* =========================================================
   1. SEKCJA KORZYŚCI — biała karta 3 × 2
   ========================================================= */
.mcb-section.pk-benefits {
  background-color: var(--pk-bg) !important;
  padding: 36px 0 28px !important;
}

/* siatka = karta; 1px gap na tle --pk-line daje linie podziału przy każdej liczbie kolumn */
.pk-benefits .mcb-wrap-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--pk-line);
  border: 1px solid var(--pk-line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(59, 59, 26, .08);
}

.pk-benefits .mcb-column {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: var(--pk-card);
}

.pk-benefits .mcb-column-inner {
  margin: 0 !important;
  padding: 22px 26px !important;
}

/* Icon Box 2: ikona po lewej, tekst po prawej — niezależnie od ustawienia w builderze */
.pk-benefits .mfn-icon-box {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px;
  text-align: left !important;
}

.pk-benefits .icon-wrapper {
  flex: 0 0 48px;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  border-radius: 50%;
  background: var(--pk-green);
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* wariant podstawowy: ikona Font Awesome z pola "Icon" */
.pk-benefits .icon-wrapper i {
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.pk-benefits .desc-wrapper {
  display: block !important;
  min-width: 0;
}

.pk-benefits .desc-wrapper .title {
  margin: 0 0 3px !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em;
  color: var(--pk-ink) !important;
}

.pk-benefits .desc-wrapper .desc {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: var(--pk-muted) !important;
}

/* =========================================================
   2. IKONY LINIOWE SVG (jak w makiecie) — opcjonalny dodatek
   Pliki z folderu pk-icons/ wgraj przez SFTP do: /wp-content/uploads/pk-icons/
   Kolejność = kolejność Icon Boxów w wrapie (nth-child).
   Jeśli nie wgrywasz SVG — usuń ten blok; zostaną ikony Font Awesome.
   ========================================================= */
.pk-benefits .icon-wrapper i::before { content: none !important; }

.pk-benefits .icon-wrapper i {
  display: block !important;
  width: 22px;
  height: 22px;
  background-color: #fff;
  -webkit-mask: var(--pk-ico) center / contain no-repeat;
          mask: var(--pk-ico) center / contain no-repeat;
}

.pk-benefits .mcb-wrap-inner > .mcb-column:nth-child(1) { --pk-ico: url(../icons/box.svg); }
.pk-benefits .mcb-wrap-inner > .mcb-column:nth-child(2) { --pk-ico: url(../icons/truck.svg); }
.pk-benefits .mcb-wrap-inner > .mcb-column:nth-child(3) { --pk-ico: url(../icons/gift.svg); }
.pk-benefits .mcb-wrap-inner > .mcb-column:nth-child(4) { --pk-ico: url(../icons/phone.svg); }
.pk-benefits .mcb-wrap-inner > .mcb-column:nth-child(5) { --pk-ico: url(../icons/receipt.svg); }
.pk-benefits .mcb-wrap-inner > .mcb-column:nth-child(6) { --pk-ico: url(../icons/heart.svg); }

/* =========================================================
   3. BANER "Wszystkich Świętych — zamów wcześniej"
   Struktura: Section.pk-promo → Wrap 1/1 → [Column 3/4 z tekstem] + [Button 1/4]
   Zdjęcie: podmień ../img/baner.webp na adres pliku z Biblioteki mediów.
   ========================================================= */
.mcb-section.pk-promo {
  background-color: var(--pk-bg) !important;
  padding: 0 0 48px !important;
}

.pk-promo .mcb-wrap {
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--pk-green-dark) !important;
  background-image:
    linear-gradient(90deg,
      var(--pk-green-dark) 0%,
      var(--pk-green-dark) 44%,
      rgba(var(--pk-green-dark-rgb), .78) 62%,
      rgba(var(--pk-green-dark-rgb), .3) 100%),
    url(../img/baner.webp) !important;
  background-position: center, right 34% !important;
  background-size: auto, cover !important;
  background-repeat: no-repeat !important;
}

.pk-promo .mcb-wrap-inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 132px;
  padding: 26px 32px 26px 30px !important;
}

.pk-promo .mcb-column {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.pk-promo .mcb-column-inner { margin: 0 !important; }
.pk-promo .column_column { flex: 1 1 auto; min-width: 0; }
.pk-promo .column_button { flex: 0 0 auto; }

/* ornament po lewej: kwadrat z listkiem (SVG z folderu pk-icons/) */
.pk-promo .column_column .mcb-column-inner {
  display: flex;
  align-items: center;
  gap: 22px;
}

.pk-promo .column_column .mcb-column-inner::before {
  content: "";
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  background-color: var(--pk-tan);
  -webkit-mask: url(../icons/leaf-badge.svg) center / contain no-repeat;
          mask: url(../icons/leaf-badge.svg) center / contain no-repeat;
}

.pk-promo .column_attr { min-width: 0; }

.pk-promo .column_attr h2,
.pk-promo .column_attr h3,
.pk-promo .column_attr h4 {
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Manrope, serif;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.005em;
  color: #fff !important;
}

.pk-promo .column_attr p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, .84) !important;
}

/* "Zostało 25 dni" — w edytorze: <p><small>Zostało 25 dni</small></p> */
.pk-promo .column_attr small {
  display: inline-block;
  margin-top: 8px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--pk-tan);
}

.pk-promo a.button,
.pk-promo a.button:visited {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 15px 26px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--pk-tan) !important;
  color: var(--pk-tan-ink) !important;
  font-family: "Plus Jakarta Sans", Manrope, sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .01em;
  white-space: nowrap;
  box-shadow: none !important;
}

.pk-promo a.button:hover {
  background: #E6D1AC !important;
  color: var(--pk-tan-ink) !important;
}

.pk-promo a.button .button_label,
.pk-promo a.button .button_icon,
.pk-promo a.button .button_icon i {
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
}

/* =========================================================
   4. RESPONSYWNOŚĆ
   ========================================================= */
@media only screen and (max-width: 959px) {
  .pk-benefits .mcb-wrap-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .pk-promo .mcb-wrap {
    background-image:
      linear-gradient(180deg,
        var(--pk-green-dark) 0%,
        var(--pk-green-dark) 58%,
        rgba(var(--pk-green-dark-rgb), .55) 100%),
      url(../img/baner.webp) !important;
    background-position: center, center 30% !important;
  }

  .pk-promo .mcb-wrap-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 24px !important;
  }
}

@media only screen and (max-width: 599px) {
  .mcb-section.pk-benefits { padding: 24px 0 20px !important; }
  .pk-benefits .mcb-wrap-inner { grid-template-columns: minmax(0, 1fr); border-radius: 14px; }
  .pk-benefits .mcb-column-inner { padding: 16px 18px !important; }

  .mcb-section.pk-promo { padding: 0 0 32px !important; }
  .pk-promo .column_column .mcb-column-inner::before { display: none; }
  .pk-promo .column_attr h2,
  .pk-promo .column_attr h3,
  .pk-promo .column_attr h4 { font-size: 26px !important; }
  .pk-promo .column_button { width: 100% !important; }
  .pk-promo a.button { width: 100%; justify-content: center; }
}

/* =========================================================
   5. WARIANT SHORTCODE — wtyczka pk-sekcje: [pk_korzysci] + [pk_baner]
   Wklejasz shortcode'y w element Column w BeBuilderze; markup generuje PHP,
   więc do buildera nie trafia żaden <svg>/<img>/style= (WAF OVH).
   Sekcji z shortcode'ami nadaj klasę pk-band (jasna wstęga + odstępy).
   ========================================================= */
.mcb-section.pk-band {
  background-color: var(--pk-bg) !important;
  padding: 36px 0 44px !important;
}

.pk-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 24px;
  background: var(--pk-line);
  border: 1px solid var(--pk-line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(43, 42, 40, .08);
}

.pk-tile {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 22px 26px;
  background: var(--pk-card);
}

.pk-tile__ico {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--pk-green);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pk-tile__ico::before {
  content: "";
  width: 22px;
  height: 22px;
  background-color: #fff;
  -webkit-mask: var(--pk-ico) center / contain no-repeat;
          mask: var(--pk-ico) center / contain no-repeat;
}

.pk-ico-box     { --pk-ico: url(../icons/box.svg); }
.pk-ico-truck   { --pk-ico: url(../icons/truck.svg); }
.pk-ico-gift    { --pk-ico: url(../icons/gift.svg); }
.pk-ico-phone   { --pk-ico: url(../icons/phone.svg); }
.pk-ico-receipt { --pk-ico: url(../icons/receipt.svg); }
.pk-ico-heart   { --pk-ico: url(../icons/heart.svg); }

.pk-tile__txt { min-width: 0; }

.pk-tile__t {
  margin: 0 0 3px !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em;
  color: var(--pk-ink) !important;
}

.pk-tile__d {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: var(--pk-muted) !important;
}

.pk-banner {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 132px;
  padding: 26px 32px 26px 30px;
  border-radius: 16px;
  overflow: hidden;
  color: #fff;
  background-color: var(--pk-green-dark);
  background-image:
    linear-gradient(90deg,
      var(--pk-green-dark) 0%,
      var(--pk-green-dark) 44%,
      rgba(var(--pk-green-dark-rgb), .78) 62%,
      rgba(var(--pk-green-dark-rgb), .3) 100%),
    var(--pk-foto, url(../img/baner.webp));
  background-position: center, right 34%;
  background-size: auto, cover;
  background-repeat: no-repeat;
}

.pk-banner__orn {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  background-color: var(--pk-tan);
  -webkit-mask: url(../icons/leaf-badge.svg) center / contain no-repeat;
          mask: url(../icons/leaf-badge.svg) center / contain no-repeat;
}

.pk-banner__body { flex: 1 1 auto; min-width: 0; }

.pk-banner__title {
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Manrope, serif;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.005em;
  color: #fff !important;
}

.pk-banner__text {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, .84) !important;
}

.pk-banner__days {
  margin: 8px 0 0 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--pk-tan) !important;
}

.pk-banner__btn,
.pk-banner__btn:visited {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 26px;
  border-radius: 8px;
  background: var(--pk-tan);
  color: var(--pk-tan-ink) !important;
  font-family: "Plus Jakarta Sans", Manrope, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .01em;
  white-space: nowrap;
  text-decoration: none !important;
}

.pk-banner__btn:hover,
.pk-banner__btn:focus-visible {
  background: #E6D1AC;
  color: var(--pk-tan-ink) !important;
}

@media only screen and (max-width: 959px) {
  .pk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .pk-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 24px;
    background-image:
      linear-gradient(180deg,
        var(--pk-green-dark) 0%,
        var(--pk-green-dark) 58%,
        rgba(var(--pk-green-dark-rgb), .55) 100%),
      var(--pk-foto, url(../img/baner.webp));
    background-position: center, center 30%;
  }
}

@media only screen and (max-width: 599px) {
  .mcb-section.pk-band { padding: 24px 0 28px !important; }
  .pk-grid { grid-template-columns: minmax(0, 1fr); border-radius: 14px; }
  .pk-tile { padding: 16px 18px; }
  .pk-banner__orn { display: none; }
  .pk-banner__title { font-size: 26px !important; }
  .pk-banner__btn { width: 100%; justify-content: center; }
}

/* =========================================================
   6. SZEROKOŚĆ JAK HERO
   Hero to sekcja full-width z paddingiem 10% (laptop ≤1240 px: 7%).
   Te reguły zdejmują limit 1200 px z sekcji pk-band / pk-benefits / pk-promo,
   żeby karta i baner kończyły się równo z hero. Nie chcesz? Usuń ten blok.
   ========================================================= */
.mcb-section.pk-band > .section_wrapper,
.mcb-section.pk-benefits > .section_wrapper,
.mcb-section.pk-promo > .section_wrapper {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  padding-left: 10% !important;
  padding-right: 10% !important;
}

.pk-band .mcb-column-inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media only screen and (max-width: 1240px) {
  .mcb-section.pk-band > .section_wrapper,
  .mcb-section.pk-benefits > .section_wrapper,
  .mcb-section.pk-promo > .section_wrapper {
    padding-left: 7% !important;
    padding-right: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mcb-section.pk-band > .section_wrapper,
  .mcb-section.pk-benefits > .section_wrapper,
  .mcb-section.pk-promo > .section_wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* =========================================================
   7. HERO — [pk_hero] (1:1 z zaślepki zamow.pracowniaksiezycowa.pl)
   Hero samo rozpoznaje swoją sekcję (:has) i rozciąga ją na 100%; klasa pk-hero-sec
   na sekcji robi to samo w starszych przeglądarkach bez :has().
   ≥1024 px: grafika hero-full.jpg jako tło + tekst nałożony po lewej;
   poniżej: tekst + zdjęcie hero.jpg (tablet obok siebie, telefon jedno pod drugim).
   ========================================================= */
.mcb-section.pk-hero-sec,
.mcb-section:has(.pk-hero) { padding: 0 !important; }

.mcb-section.pk-hero-sec > .section_wrapper,
.mcb-section:has(.pk-hero) > .section_wrapper {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.pk-hero-sec .mcb-wrap,
.pk-hero-sec .mcb-column,
.mcb-section:has(.pk-hero) .mcb-wrap,
.mcb-section:has(.pk-hero) .mcb-column {
  width: 100% !important;
  float: none !important;
}

.pk-hero-sec .mcb-column-inner,
.mcb-column-inner:has(.pk-hero) { margin: 0 !important; }

.pk-hero-sec .column_attr > p:empty,
.column_attr:has(.pk-hero) > p:empty { display: none; }

.pk-hero {
  --pk-panel: #F4EEE7;
  --pk-green-2: #6A6E59;
  position: relative;
  overflow: hidden;
  background: var(--pk-panel);
  color: var(--pk-ink);
}

.pk-hero__in {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: stretch;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.pk-hero__copy {
  position: relative;
  z-index: 2;
  padding: 56px 44px 56px 0;
}

.pk-hero__copy::before {
  content: "";
  position: absolute;
  left: -40vw;
  right: -30px;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(90deg, var(--pk-panel) 78%, rgba(237, 232, 224, 0));
}

.pk-hero__eyebrow {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  margin: 0 0 18px;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6F6A63;
}

.pk-hero__eyebrow span + span::before {
  content: "\2022";
  margin-right: 10px;
  color: #A39D93;
}

.pk-hero__title {
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Manrope, serif !important;
  font-size: clamp(32px, 3.6vw, 52px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  color: var(--pk-ink) !important;
}

/* *fragment* w atrybucie tytul → odręczny akcent z podkreśleniem */
.pk-hero__title em {
  position: relative;
  display: inline-block;
  padding: 0 .06em;
  font-family: "Caveat", cursive;
  font-style: normal;
  font-weight: 500;
  font-size: 1.02em;
  color: var(--pk-green-2);
}

.pk-hero__title em::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.02em;
  height: .06em;
  border-radius: 99px;
  background: var(--pk-green-2);
  opacity: .55;
}

.pk-hero__txt {
  margin: 0 0 28px !important;
  max-width: 520px;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #4D4842 !important;
}

.pk-hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.pk-hero__btn,
.pk-hero__btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 12px 22px;
  border: 0;
  border-radius: 8px;
  background: var(--pk-green);
  color: #fff !important;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  transition: background .15s, color .15s;
}

.pk-hero__btn:hover,
.pk-hero__btn:focus-visible { background: var(--pk-green-2); color: #fff !important; }

.pk-hero__btn svg {
  width: 19px;
  height: 19px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pk-hero__btn--outline,
.pk-hero__btn--outline:visited {
  background: rgba(247, 238, 227, .72);
  border: 1.5px solid var(--pk-green);
  color: var(--pk-green-dark) !important;
}

.pk-hero__btn--outline:hover,
.pk-hero__btn--outline:focus-visible { background: #fff; color: var(--pk-green-dark) !important; }

.pk-hero__photo {
  position: relative;
  min-height: 540px;
  overflow: hidden;
}

.pk-hero__photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% 50%;
  display: block;
  margin: 0;
}

.pk-hero__photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, var(--pk-panel), rgba(244, 238, 231, 0) 26%);
}

.pk-hero__note {
  position: absolute;
  right: 28px;
  top: 60px;
  z-index: 2;
  font-family: "Caveat", cursive;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.05;
  color: var(--pk-green-2);
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  transform: rotate(-10deg);
}

.pk-hero__note svg { display: none; }

@media only screen and (min-width: 1024px) {
  .pk-hero {
    background: #F7EEE3 var(--pk-hero-bg) left top / cover no-repeat;
    height: clamp(560px, 56.3vw, 880px);
  }
  .pk-hero__in { display: block; max-width: none; padding: 0; height: 100%; }
  .pk-hero__copy {
    position: absolute;
    left: 12.4%;
    top: 50%;
    width: 38%;
    max-width: 600px;
    padding: 0;
    transform: translateY(-50%);
  }
  .pk-hero__copy::before { display: none; }
  .pk-hero__photo { position: static; min-height: 0; overflow: visible; }
  .pk-hero__photo img,
  .pk-hero__photo::before { display: none; }
  .pk-hero__note {
    right: 42%;
    top: 6%;
    white-space: nowrap;
    font-size: clamp(22px, 2vw, 28px);
    transform: rotate(-7deg);
  }
  .pk-hero__note svg {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 2px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
}

@media only screen and (max-width: 900px) {
  .pk-hero__in { grid-template-columns: 1fr; padding: 0; }
  .pk-hero__copy { padding: 34px 20px 30px; text-align: center; }
  .pk-hero__copy::before { display: none; }
  .pk-hero__eyebrow { justify-content: center; gap: 0 8px; font-size: 11px; }
  .pk-hero__txt { margin-left: auto; margin-right: auto; font-size: 16px !important; }
  .pk-hero__ctas { justify-content: center; }
  .pk-hero__photo { min-height: 0; aspect-ratio: 4 / 3; }
  .pk-hero__photo::before { background: linear-gradient(180deg, var(--pk-panel), rgba(244, 238, 231, 0) 22%); }
  .pk-hero__note {
    right: auto;
    top: auto;
    left: 16px;
    bottom: 14px;
    font-size: 24px;
    text-align: left;
    text-shadow: 0 0 6px rgba(247, 238, 227, .9), 0 1px 0 #fff;
    transform: rotate(-4deg);
  }
}

/* 1024–1279 px: dopisek mniejszy i wyżej, żeby nie wchodził na tekst */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .pk-hero__note { top: 3%; right: 36%; font-size: 21px; }
  .pk-hero__note svg { display: none; }
}

/* karta korzyści nachodzi na dół hero (jak w zaślepce) — gdy sekcja pk-band jest tuż pod pk-hero-sec */
.mcb-section.pk-hero-sec + .mcb-section.pk-band,
.mcb-section:has(.pk-hero) + .mcb-section.pk-band { padding-top: 0 !important; }

.mcb-section.pk-hero-sec + .mcb-section.pk-band .pk-grid,
.mcb-section:has(.pk-hero) + .mcb-section.pk-band .pk-grid {
  position: relative;
  z-index: 3;
  margin-top: 14px;
}

@media only screen and (min-width: 1024px) {
  .mcb-section.pk-hero-sec + .mcb-section.pk-band .pk-grid,
  .mcb-section:has(.pk-hero) + .mcb-section.pk-band .pk-grid { margin-top: -34px; }
}

/* niezależnie od box-sizing motywu */
.pk-grid, .pk-grid *, .pk-banner, .pk-banner *, .pk-hero, .pk-hero *, .pk-pban, .pk-pban * { box-sizing: border-box; }

/* =========================================================
   8. BANER ZE ZDJĘCIEM — [pk_baner_foto]
   Komputer: grafika na całą kartę, tekst na jasnym polu po lewej.
   Telefon: zdjęcie (prawa część grafiki) u góry, tekst pod spodem.
   ========================================================= */
.pk-pban {
  --pk-panel: #F4EEE7;
  --pk-green-2: #6A6E59;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0; /* bez tego min-height przez aspect-ratio rozpycha szerokość */
  min-height: 480px;
  aspect-ratio: 1794 / 877;
  border-radius: 18px;
  overflow: hidden;
  background: #EADCCB;
  color: var(--pk-ink);
  box-shadow: 0 14px 40px rgba(43, 42, 40, .08);
}

.pk-pban__img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: right center;
  margin: 0 !important;
}

.pk-pban::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg,
    rgba(248, 240, 230, .94) 0%,
    rgba(248, 240, 230, .82) 30%,
    rgba(248, 240, 230, .35) 46%,
    rgba(248, 240, 230, 0) 58%);
  pointer-events: none;
}

.pk-pban__copy {
  position: relative;
  z-index: 2;
  width: 48%;
  max-width: 600px;
  padding: 40px 0 40px 6%;
}

.pk-pban__eyebrow {
  margin: 0 0 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6F6A63 !important;
}

.pk-pban__title {
  margin: 0 0 14px !important;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Manrope, serif !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  color: var(--pk-ink) !important;
  text-wrap: balance;
}

.pk-pban__title em {
  position: relative;
  display: inline-block;
  padding: 0 .06em;
  font-family: "Caveat", cursive;
  font-style: normal;
  font-weight: 500;
  font-size: 1.05em;
  color: var(--pk-green-2);
}

.pk-pban__txt {
  margin: 0 0 18px !important;
  max-width: 460px;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #4D4842 !important;
}

.pk-pban__price {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 22px !important;
  padding: 6px 12px;
  border-radius: 99px;
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(91, 94, 75, .25);
  font-size: 13px !important;
  line-height: 1.3 !important;
  color: #6F6A63 !important;
}

.pk-pban__price strong { font-size: 16px; font-weight: 700; color: var(--pk-green-dark); }

.pk-pban__ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

/* przyciski: te same co w hero */
.pk-pban .pk-hero__btn--outline,
.pk-pban .pk-hero__btn--outline:visited { background: rgba(255, 255, 255, .6); }

@media only screen and (max-width: 1100px) {
  .pk-pban__copy { width: 56%; }
  .pk-pban::before {
    background: linear-gradient(90deg,
      rgba(248, 240, 230, .95) 0%,
      rgba(248, 240, 230, .85) 38%,
      rgba(248, 240, 230, .3) 56%,
      rgba(248, 240, 230, 0) 66%);
  }
}

@media only screen and (max-width: 900px) {
  .pk-pban {
    display: block;
    min-height: 0;
    aspect-ratio: auto;
    background: var(--pk-panel);
  }
  .pk-pban::before { display: none; }
  .pk-pban__img {
    position: static;
    display: block;
    aspect-ratio: 4 / 3;
    height: auto !important;
    object-position: 82% center;
  }
  .pk-pban__copy {
    width: auto;
    max-width: none;
    padding: 24px 20px 26px;
    text-align: center;
  }
  .pk-pban__txt { margin-left: auto !important; margin-right: auto !important; font-size: 15px !important; }
  .pk-pban__ctas { justify-content: center; }
}

/* =========================================================
   9. BANER VOUCHERÓW — [pk_baner_vouchery], na całą szerokość strony
   Sam rozciąga swoją sekcję na 100% (jak hero). Tekst po lewej, dwa zdjęcia po prawej.
   ========================================================= */
.mcb-section:has(.pk-vban) { padding: 0 !important; }

.mcb-section:has(.pk-vban) > .section_wrapper {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.mcb-section:has(.pk-vban) .mcb-wrap,
.mcb-section:has(.pk-vban) .mcb-column { width: 100% !important; float: none !important; }

.mcb-column-inner:has(.pk-vban) { margin: 0 !important; }
.column_attr:has(.pk-vban) > p:empty { display: none; }

.pk-vban, .pk-vban * { box-sizing: border-box; }

.pk-vban {
  --pk-green-2: #6A6E59;
  position: relative;
  overflow: hidden;
  background: #EFE6DA;
  color: var(--pk-ink);
}


.pk-vban__in {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: center;
  padding: 72px 10%;
}

.pk-vban__eyebrow {
  margin: 0 0 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6F6A63 !important;
}

.pk-vban__title {
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Manrope, serif !important;
  font-size: clamp(32px, 3.2vw, 50px) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  color: var(--pk-ink) !important;
  text-wrap: balance;
}

.pk-vban__title em {
  display: inline-block;
  padding: 0 .06em;
  font-family: "Caveat", cursive;
  font-style: normal;
  font-weight: 500;
  font-size: 1.05em;
  color: var(--pk-green-2);
}

.pk-vban__txt {
  margin: 0 0 22px !important;
  max-width: 480px;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #4D4842 !important;
}

.pk-vban__list {
  display: grid;
  gap: 10px;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

.pk-vban__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.35;
  color: var(--pk-ink);
}

.pk-vban__list li::before {
  content: "";
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pk-tan);
  box-shadow: 0 0 0 4px rgba(217, 191, 148, .3);
}

.pk-vban__list small { display: block; font-size: 12.5px; color: #6F6A63; }

.pk-vban__media {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.pk-vban__fig {
  position: relative;
  display: block;
  margin: 0 !important;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(43, 42, 40, .14);
  text-decoration: none !important;
}

.pk-vban__fig:nth-child(2) { margin-top: 44px !important; }

.pk-vban__fig img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  margin: 0 !important;
  transition: transform .5s ease;
}

.pk-vban__fig:hover img,
.pk-vban__fig:focus-visible img { transform: scale(1.03); }

.pk-vban__cap {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 7px 12px;
  border-radius: 99px;
  background: rgba(255, 255, 255, .92);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: #2B2A28 !important;
}

@media (prefers-reduced-motion: reduce) {
  .pk-vban__fig img { transition: none; }
}

@media only screen and (max-width: 1240px) {
  .pk-vban__in { padding: 60px 7%; gap: 40px; }
}

@media only screen and (max-width: 900px) {
  .pk-vban__in { grid-template-columns: 1fr; gap: 28px; padding: 40px 16px 44px; }
  .pk-vban__copy { text-align: center; }
  .pk-vban__txt { margin-left: auto !important; margin-right: auto !important; }
  .pk-vban__list { justify-content: center; text-align: left; }
  .pk-vban .pk-hero__ctas { justify-content: center; }
  .pk-vban__media { gap: 12px; }
  .pk-vban__fig:nth-child(2) { margin-top: 0 !important; }
  .pk-vban__cap { left: 8px; bottom: 8px; font-size: 12px; padding: 6px 10px; }
}

/* =========================================================
   10. STOPKA — [pk_stopka], w szablonie stopki BeBuildera (element Column Text)
   Sama rozciąga swoją sekcję na 100%. Linki do stron prawnych i kategorii
   pokazują się dopiero, gdy dana strona/kategoria istnieje (i ma produkty).
   ========================================================= */
.mcb-section:has(.pk-foot) { padding: 0 !important; background: none !important; }

.mcb-section:has(.pk-foot) > .section_wrapper {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.mcb-section:has(.pk-foot) .mcb-wrap,
.mcb-section:has(.pk-foot) .mcb-column { width: 100% !important; float: none !important; }

.mcb-section:has(.pk-foot) .mcb-wrap-inner { padding: 0 !important; }
.mcb-column-inner:has(.pk-foot) { width: 100% !important; flex: 1 1 100% !important; margin: 0 !important; padding: 0 !important; }
.column_attr:has(.pk-foot) > p:empty { display: none; }

.pk-foot, .pk-foot * { box-sizing: border-box; }

.pk-foot {
  --pk-foot-bg: var(--pk-green-dark);
  --pk-foot-txt: #D3D5C9;
  --pk-foot-head: #F1EFE6;
  --pk-foot-dim: #AEB1A2;
  position: relative;
  overflow: hidden;
  background: var(--pk-foot-bg);
  color: var(--pk-foot-txt);
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}

.pk-foot svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pk-foot svg.pk-foot__moon {
  position: absolute;
  right: -40px;
  bottom: -70px;
  width: 360px;
  height: 360px;
  fill: currentColor;
  stroke: none;
  color: var(--pk-foot-head);
  opacity: .035;
  pointer-events: none;
}

.pk-foot__in {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1.25fr);
  gap: 48px;
  padding: 72px 10% 56px;
}

.pk-foot p { margin: 0; }

.pk-foot a { color: var(--pk-foot-head) !important; text-decoration: none !important; }

/* marka */
.pk-foot__logo {
  display: block;
  width: 190px;
  aspect-ratio: 556 / 229;
  background: var(--pk-foot-head);
  -webkit-mask: var(--pk-logo) no-repeat left center / contain;
          mask: var(--pk-logo) no-repeat left center / contain;
}

.pk-foot__word {
  display: inline-block;
  font-family: "Cormorant Garamond", Manrope, serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.05;
  color: var(--pk-foot-head);
}

.pk-foot__script {
  margin: 14px 0 10px !important;
  font-family: "Caveat", cursive;
  font-size: 26px;
  line-height: 1.1;
  color: var(--pk-tan) !important;
}

.pk-foot__about {
  max-width: 340px;
  margin: 0 0 24px !important;
  font-size: 14.5px;
  color: var(--pk-foot-txt) !important;
}

.pk-foot__social { display: flex; gap: 10px; }

.pk-foot__social a {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(241, 239, 230, .28);
  border-radius: 50%;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.pk-foot__social a:hover,
.pk-foot__social a:focus-visible {
  background: var(--pk-tan);
  border-color: var(--pk-tan);
  color: var(--pk-tan-ink) !important;
}

.pk-foot__social svg { width: 19px; height: 19px; }

/* kolumny */
.pk-foot__h {
  margin: 8px 0 18px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--pk-tan) !important;
}

.pk-foot ul.pk-foot__list {
  display: grid;
  gap: 10px;
  color: var(--pk-foot-txt) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pk-foot ul.pk-foot__list li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
}

.pk-foot ul.pk-foot__list li::before,
.pk-foot ul.pk-foot__list li::marker { content: none !important; display: none !important; }

.pk-foot__list a {
  color: var(--pk-foot-txt) !important;
  background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px;
  transition: background-size .25s ease, color .2s ease;
}

.pk-foot__list a:hover,
.pk-foot__list a:focus-visible { color: #FFF !important; background-size: 100% 1px; }

.pk-foot__contact li { display: flex; gap: 12px; align-items: flex-start; }

.pk-foot__contact .pk-foot__list svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  color: var(--pk-tan);
}

.pk-foot a.pk-foot__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding: 12px 20px;
  border-radius: 99px;
  background: var(--pk-tan);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--pk-tan-ink) !important;
  transition: background-color .2s ease;
}

.pk-foot a.pk-foot__btn:hover,
.pk-foot a.pk-foot__btn:focus-visible { background: #E6D0AA; color: var(--pk-tan-ink) !important; }

.pk-foot__btn svg { width: 17px; height: 17px; }

.pk-foot a:focus-visible { outline: 2px solid var(--pk-tan); outline-offset: 3px; }

/* pasek na dole */
.pk-foot__bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 24px;
  padding: 20px 10% 24px;
  border-top: 1px solid rgba(241, 239, 230, .14);
  font-size: 13px;
  line-height: 1.5;
  color: var(--pk-foot-dim);
}

.pk-foot__bar span + span::before { content: "·"; margin: 0 9px; }

@media (prefers-reduced-motion: reduce) {
  .pk-foot__social a, .pk-foot__list a, .pk-foot__btn { transition: none; }
}

@media only screen and (max-width: 1440px) {
  .pk-foot__in { gap: 36px; padding: 64px 7% 52px; }
  .pk-foot__bar { padding: 18px 7% 22px; }
}

@media only screen and (max-width: 1279px) {
  .pk-foot__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr); gap: 40px 32px; }
  .pk-foot__brand {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(241, 239, 230, .14);
  }
  .pk-foot__script { grid-column: 1; margin: 6px 0 0 !important; }
  .pk-foot__logo { grid-column: 1; }
  .pk-foot__about { grid-column: 2; grid-row: 1 / span 2; margin: 0 !important; max-width: none; }
  .pk-foot__social { grid-column: 3; grid-row: 1 / span 2; }
}

@media only screen and (max-width: 700px) {
  .pk-foot__in { grid-template-columns: 1fr 1fr; gap: 32px 20px; padding: 44px 16px 32px; }
  .pk-foot__brand {
    display: block;
    padding-bottom: 28px;
    text-align: center;
  }
  .pk-foot__logo { margin: 0 auto; width: 170px; -webkit-mask-position: center; mask-position: center; }
  .pk-foot__script { margin: 12px 0 8px !important; }
  .pk-foot__about { margin: 0 auto 20px !important; max-width: 420px; }
  .pk-foot__social { justify-content: center; }
  .pk-foot__contact { grid-column: 1 / -1; }
  .pk-foot__h { margin: 0 0 14px !important; }
  .pk-foot__bar { justify-content: center; padding: 18px 16px 24px; text-align: center; }
  .pk-foot svg.pk-foot__moon { width: 240px; height: 240px; right: -50px; bottom: -30px; }
}

/* ---------- 1.5.0/1.5.1: przyciski „Ustawienia cookies” (.pk-cookies-open) w stopce i galeria Instagrama po zgodzie ---------- */
.pk-foot__list .pk-foot__linkbtn {
  appearance: none;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px !important;
  box-shadow: none !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  color: var(--pk-foot-txt) !important;
  cursor: pointer;
  transition: background-size .25s ease, color .2s ease;
}
.pk-foot__list .pk-foot__linkbtn:hover,
.pk-foot__list .pk-foot__linkbtn:focus-visible { color: #FFF !important; background-size: 100% 1px !important; }

.pk-ig { max-width: 1200px; margin: 0 auto; }
.pk-ig__title { text-align: center; margin: 0 0 24px !important; }
.pk-ig__ph {
  display: grid;
  justify-items: center;
  gap: 16px;
  padding: 40px 24px;
  border: 1px dashed rgba(72, 77, 58, .35);
  border-radius: 14px;
  background: #F0EEEA;
  text-align: center;
}
.pk-ig__txt { margin: 0 !important; max-width: 560px; color: #6F6F66; }
.pk-ig__ctas { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.pk-ig__link,
.pk-ig__btn {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  font: 600 14px/1.2 "Plus Jakarta Sans", Manrope, sans-serif !important;
  text-decoration: none !important;
  cursor: pointer;
}
.pk-ig__link { background: #5B5E4B !important; color: #FFF !important; border: 1px solid #5B5E4B !important; }
.pk-ig__btn { background: transparent !important; color: #484D3A !important; border: 1px solid #484D3A !important; }
.pk-ig__link:hover { background: #484D3A !important; }
.pk-ig__btn:hover { background: #484D3A !important; color: #FFF !important; }
@media (prefers-reduced-motion: reduce) { .pk-foot__list .pk-foot__linkbtn { transition: none; } }

/* ---------- 1.5.2: opisy produktów (.pk-opis) — HTML w opisie produktu, bez style= (WAF OVH) ---------- */
.pk-opis { color: #4F4E47 !important; font-size: 15.5px; line-height: 1.65; }
.pk-opis p { margin: 0 0 14px !important; color: #4F4E47 !important; }
.pk-opis strong, .pk-opis b { color: #2B2A28 !important; font-weight: 700; }
.pk-opis .pk-opis__lead { font-size: 17px; line-height: 1.6; color: #3B3A34 !important; }

.pk-opis ul.pk-opis__cechy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  margin: 18px 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}
.pk-opis ul.pk-opis__cechy li {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 32px !important;
  list-style: none !important;
  font-size: 14.5px;
  line-height: 1.45;
  color: #4F4E47 !important;
}
.pk-opis ul.pk-opis__cechy li::marker { content: none; }
.pk-opis ul.pk-opis__cechy li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #5B5E4B;
}
.pk-opis ul.pk-opis__cechy li::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 5px;
  width: 6px;
  height: 10px;
  border: solid #F0EEEA;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.pk-opis .pk-opis__info {
  margin: 20px 0 6px !important;
  padding: 16px 18px !important;
  background: #F0EEEA;
  border-left: 3px solid #5B5E4B;
  border-radius: 0 12px 12px 0;
}
.pk-opis .pk-opis__info p { margin: 0 0 8px !important; font-size: 14px; line-height: 1.55; }
.pk-opis .pk-opis__info p:last-child { margin: 0 !important; }

.pk-opis h3 {
  margin: 30px 0 10px !important;
  font-family: "Cormorant Garamond", Manrope, serif !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #2B2A28 !important;
}
.pk-opis h3:first-child { margin-top: 0 !important; }
.pk-opis ul.pk-opis__lista { margin: 0 0 16px !important; padding: 0 0 0 20px !important; }
.pk-opis ul.pk-opis__lista li { margin: 0 0 6px !important; color: #4F4E47 !important; }
.pk-opis ul.pk-opis__lista li::marker { color: #5B5E4B; }

.pk-opis table.pk-opis__tabela { width: 100%; max-width: 560px; margin: 4px 0 18px !important; border-collapse: collapse; border: 0; }
.pk-opis table.pk-opis__tabela th,
.pk-opis table.pk-opis__tabela td { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid #E4E1DA !important; text-align: left; vertical-align: top; font-size: 14.5px; background: transparent !important; }
.pk-opis table.pk-opis__tabela th { width: 38%; color: #6F6F66 !important; font-weight: 600; }
.pk-opis table.pk-opis__tabela td { color: #2B2A28 !important; }

.pk-opis .pk-opis__uwaga {
  padding: 14px 16px !important;
  background: #FAF5EC;
  border: 1px solid #E8D7B8;
  border-radius: 12px;
  font-size: 14px;
}
.pk-opis .pk-opis__producent {
  margin-top: 26px !important;
  padding-top: 14px !important;
  border-top: 1px solid #E4E1DA;
  font-size: 13px;
  color: #6F6F66 !important;
}
@media only screen and (max-width: 600px) {
  .pk-opis ul.pk-opis__cechy { grid-template-columns: 1fr; }
  .pk-opis h3 { font-size: 24px !important; }
}


/* =========================================================
   1.6.0: FORMULARZ KONTAKTOWY — [pk_formularz]
   Karta w kolorze panelu strony Kontakt; po lewej tytuł i opis, po prawej pola.
   Pola mają !important, bo BeTheme mocno stylizuje input/select/textarea.
   ========================================================= */
.pk-form, .pk-form * { box-sizing: border-box; }

.pk-form {
  --pk-form-bg: #F5F2E1;
  --pk-form-line: #D9D4C4;
  --pk-form-err: #A4473A;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(28px, 4.5vw, 72px);
  align-items: start;
  max-width: 1200px;
  margin: 0 auto;
  color: var(--pk-ink);
  font-size: 16px;
  line-height: 1.55;
  text-align: left;
}

.pk-form--solo { grid-template-columns: minmax(0, 1fr); max-width: 760px; }

.pk-form--karta {
  padding: clamp(28px, 4.5vw, 64px);
  border-radius: 16px;
  background: var(--pk-form-bg);
}

.pk-form p { margin: 0; }

/* lewa kolumna */
.pk-form__eyebrow {
  margin: 0 0 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6F6A63 !important;
}

.pk-form__title {
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Manrope, serif !important;
  font-size: clamp(32px, 3.2vw, 48px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  color: var(--pk-ink) !important;
}

.pk-form__title em {
  padding: 0 .04em;
  font-family: "Caveat", cursive;
  font-style: normal;
  font-weight: 500;
  font-size: 1.08em;
  color: #6A6E59;
}

.pk-form__lead { margin: 0 0 18px !important; font-size: 16px; line-height: 1.6; color: #4D4842 !important; }

.pk-form__tip {
  padding: 2px 0 2px 16px !important;
  border-left: 3px solid var(--pk-tan);
  font-size: 14.5px;
  line-height: 1.55;
  color: #6F6A63 !important;
}

/* pola */
.pk-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px 20px;
}

.pk-form__field { min-width: 0; }
.pk-form__field--full { grid-column: 1 / -1; }

.pk-form__field label {
  display: block;
  margin: 0 0 7px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--pk-ink) !important;
}

.pk-form__req { color: var(--pk-form-err); }
.pk-form__opt { font-weight: 400; font-size: 13px; color: var(--pk-muted); }

.pk-form .pk-form__in {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-height: 50px;
  height: auto !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 1px solid var(--pk-form-line) !important;
  border-radius: 10px !important;
  background: #FFF !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: var(--pk-ink) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.pk-form .pk-form__in::placeholder { color: #9A978D; }

.pk-form .pk-form__in:hover { border-color: #BDB7A6 !important; }

.pk-form .pk-form__in:focus {
  outline: none !important;
  border-color: var(--pk-green) !important;
  box-shadow: 0 0 0 3px rgba(91, 94, 75, .18) !important;
}

.pk-form .pk-form__sel {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 44px !important;
  background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B5E4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 18px 18px !important;
  cursor: pointer;
}

.pk-form .pk-form__ta { min-height: 160px; resize: vertical; }

.pk-form__field.is-error .pk-form__in { border-color: var(--pk-form-err) !important; }
.pk-form__field.is-error .pk-form__in:focus { box-shadow: 0 0 0 3px rgba(164, 71, 58, .16) !important; }

.pk-form__err {
  margin: 6px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--pk-form-err) !important;
}

.pk-form [hidden] { display: none !important; }

/* pułapka na boty — poza ekranem */
.pk-form__hp {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pk-form__alert {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid #E7C3BA;
  border-radius: 10px;
  background: #F8ECE8;
  font-size: 14.5px !important;
  color: #7A2E22 !important;
}

/* stopka formularza */
.pk-form__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 28px;
  margin-top: 22px;
}

.pk-form__note {
  max-width: 440px;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: var(--pk-muted) !important;
}

.pk-form__note a { color: var(--pk-green-dark) !important; text-decoration: underline !important; text-underline-offset: 2px; }

.pk-form button.pk-form__btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  margin: 0 !important;
  padding: 14px 26px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--pk-green-dark) !important;
  box-shadow: none !important;
  font: 600 15px/1.2 "Plus Jakarta Sans", Manrope, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #FFF !important;
  cursor: pointer;
  transition: background-color .2s ease;
}

.pk-form button.pk-form__btn:hover,
.pk-form button.pk-form__btn:focus-visible { background: #3A3E2F !important; }
.pk-form button.pk-form__btn:focus-visible { outline: 2px solid var(--pk-green-dark); outline-offset: 3px; }
.pk-form button.pk-form__btn.is-busy { opacity: .75; cursor: progress; }

.pk-form__btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pk-form__legend { margin-top: 10px !important; font-size: 12.5px !important; color: var(--pk-muted) !important; }
.pk-form__legend span { color: var(--pk-form-err); }

/* po wysłaniu */
.pk-form__ok {
  display: grid;
  justify-items: start;
  gap: 14px;
  padding: 32px !important;
  border: 1px solid var(--pk-form-line);
  border-radius: 14px;
  background: #FFF;
  outline: none;
}

.pk-form__ok-ico {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--pk-green);
  color: #FFF;
}

.pk-form__ok-ico svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pk-form__ok-txt { font-size: 17px !important; line-height: 1.5 !important; color: var(--pk-ink) !important; }

.pk-form button.pk-form__again {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font: 600 14.5px/1.4 Manrope, sans-serif !important;
  color: var(--pk-green-dark) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  .pk-form .pk-form__in, .pk-form button.pk-form__btn { transition: none; }
}

@media only screen and (max-width: 900px) {
  .pk-form { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

@media only screen and (max-width: 600px) {
  .pk-form--karta { padding: 24px 16px 28px; border-radius: 12px; }
  .pk-form__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .pk-form__foot { flex-direction: column; align-items: stretch; }
  .pk-form__note { max-width: none; }
  .pk-form button.pk-form__btn { width: 100%; }
  .pk-form__ok { padding: 24px !important; }
}


/* 1.7.0: [pk_formularz] — układ „pion” (tytuł nad polami) i pełna szerokość karty na telefonie */
.pk-form--pion { grid-template-columns: minmax(0, 1fr); gap: 26px; max-width: none; }
.pk-form--pion .pk-form__title { font-size: clamp(30px, 2.6vw, 38px) !important; margin-bottom: 10px !important; }
.pk-form--pion .pk-form__lead { margin-bottom: 14px !important; }

@media only screen and (max-width: 600px) {
  /* karta wychodzi poza boczny margines sekcji BeTheme (33 px) — pola na całą szerokość telefonu */
  .pk-form--karta {
    width: auto;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 28px 20px 32px;
    border-radius: 0;
  }
}

/* =========================================================
   1.7.0: STRONA KONTAKT — [pk_kontakt]
   Sama rozciąga swoją sekcję na 100% (jak hero). Nagłówek → szybkie kontakty → formularz + dane.
   ========================================================= */
.mcb-section:has(.pk-kp) { padding: 0 !important; background: none !important; }
.mcb-section:has(.pk-kp) > .section_wrapper { width: 100% !important; max-width: none !important; padding: 0 !important; }
.mcb-section:has(.pk-kp) .mcb-wrap,
.mcb-section:has(.pk-kp) .mcb-column { width: 100% !important; float: none !important; }
.mcb-section:has(.pk-kp) .mcb-wrap-inner { padding: 0 !important; }
.mcb-column-inner:has(.pk-kp) { width: 100% !important; flex: 1 1 100% !important; margin: 0 !important; padding: 0 !important; }
.column_attr:has(.pk-kp) > p:empty { display: none; }

.pk-kp, .pk-kp * { box-sizing: border-box; }

.pk-kp {
  --pk-kp-cream: #F5F2E1;
  --pk-kp-line: #E9E4D6;
  color: var(--pk-ink);
  font-size: 16px;
  line-height: 1.55;
  text-align: left;
}

.pk-kp p { margin: 0; }
.pk-kp a { text-decoration: none !important; }

.pk-kp svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pk-kp__wrap { width: 100%; max-width: 1248px; margin: 0 auto; padding: 0 24px; }

/* 1. nagłówek */
.pk-kp__head { background: var(--pk-kp-cream); padding: 72px 0 128px; }

.pk-kp__head-in {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 64px;
  align-items: center;
}

.pk-kp__head:not(.pk-kp__head--foto) .pk-kp__head-in { grid-template-columns: minmax(0, 1fr); max-width: 820px; }

.pk-kp__eyebrow {
  margin: 0 0 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #6F6A63 !important;
}

.pk-kp__title {
  margin: 0 0 20px !important;
  padding: 0 !important;
  font-family: "Cormorant Garamond", Manrope, serif !important;
  font-size: clamp(40px, 4.8vw, 66px) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  letter-spacing: -.005em !important;
  color: var(--pk-ink) !important;
}

.pk-kp__title em {
  padding: 0 .04em;
  font-family: "Caveat", cursive;
  font-style: normal;
  font-weight: 500;
  font-size: 1.04em;
  color: #6A6E59;
}

.pk-kp__lead { max-width: 540px; font-size: 17px !important; line-height: 1.6 !important; color: #4D4842 !important; }

.pk-kp__hours,
.pk-kp__note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  max-width: 540px;
  margin-top: 22px !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #6F6A63 !important;
}

.pk-kp__hours + .pk-kp__note { margin-top: 10px !important; }
.pk-kp__hours svg, .pk-kp__note svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 2px; color: var(--pk-green); }
.pk-kp__hours { color: var(--pk-ink) !important; font-weight: 600; }

.pk-kp__photo { position: relative; margin: 0 !important; }

.pk-kp__photo img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  aspect-ratio: 5 / 5.2;
  object-fit: cover;
  object-position: 50% 72%;
  margin: 0 !important;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(43, 42, 40, .16);
}

/* 2. szybkie kontakty */
.pk-kp__channels {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-top: -76px;
  overflow: hidden;
  border: 1px solid var(--pk-kp-line);
  border-radius: 18px;
  background: var(--pk-kp-line);
  box-shadow: 0 18px 50px rgba(43, 42, 40, .10);
}

.pk-kp__channels--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pk-kp__channels--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pk-kp__channels--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pk-kp__channels--1 { grid-template-columns: minmax(0, 1fr); }

.pk-kp a.pk-kp__ch {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 26px 22px 24px;
  background: #FFF;
  color: var(--pk-ink) !important;
  transition: background-color .2s ease;
}

.pk-kp a.pk-kp__ch:hover,
.pk-kp a.pk-kp__ch:focus-visible { background: #FBF9F2; }
.pk-kp a.pk-kp__ch:focus-visible { outline: 2px solid var(--pk-green); outline-offset: -4px; }

.pk-kp__ch-ico {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--pk-green);
  color: #FFF;
  transition: background-color .2s ease, transform .2s ease;
}

.pk-kp__ch-ico svg { width: 24px; height: 24px; }
.pk-kp a.pk-kp__ch:hover .pk-kp__ch-ico { background: var(--pk-green-dark); transform: scale(1.05); }

.pk-kp__ch-txt { display: grid; gap: 3px; min-width: 0; }
.pk-kp__ch-txt strong { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--pk-ink); }
.pk-kp__ch-txt span { font-size: 14px; line-height: 1.4; color: var(--pk-muted); overflow-wrap: break-word; }

.pk-kp__ch-arr {
  position: absolute;
  top: 24px;
  right: 20px;
  color: #A9A699;
  transition: color .2s ease, transform .2s ease;
}

.pk-kp__ch-arr svg { width: 18px; height: 18px; display: block; }
.pk-kp a.pk-kp__ch:hover .pk-kp__ch-arr { color: var(--pk-green-dark); transform: translate(2px, -2px); }

/* 3. formularz + dane */
.pk-kp__main {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, .9fr);
  gap: 40px;
  align-items: start;
  margin-top: 64px !important;
  margin-bottom: 96px !important;
}

.pk-kp__main--bez { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pk-kp__main--bez .pk-kp__aside { display: contents; }

.pk-kp__formcard {
  padding: 44px 44px 40px;
  border: 1px solid var(--pk-kp-line);
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0 10px 40px rgba(43, 42, 40, .05);
}

.pk-kp__aside { display: grid; gap: 16px; position: sticky; top: 110px; }

.pk-kp__box { padding: 24px 26px; border-radius: 16px; background: var(--pk-kp-cream); }

.pk-kp__box-h {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .14em;
  line-height: 1.3 !important;
  text-transform: uppercase;
  color: var(--pk-green-dark) !important;
}

.pk-kp__box-h svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--pk-green); }
.pk-kp__box-t { font-size: 15px !important; line-height: 1.65 !important; color: var(--pk-ink) !important; }

.pk-kp ul.pk-kp__links { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pk-kp ul.pk-kp__links li { margin: 0 !important; padding: 0 !important; list-style: none !important; background: none !important; }
.pk-kp ul.pk-kp__links li::before, .pk-kp ul.pk-kp__links li::marker { content: none !important; display: none !important; }

.pk-kp__links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid rgba(72, 77, 58, .14);
  color: var(--pk-ink) !important;
}

.pk-kp__links li:first-child a { border-top: 0; padding-top: 4px; }
.pk-kp__links strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.35; }
.pk-kp__links small { display: block; font-size: 13px; line-height: 1.4; color: var(--pk-muted); }
.pk-kp__links svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--pk-green); transition: transform .2s ease; }
.pk-kp__links a:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.pk-kp__links a:hover svg { transform: translateX(3px); }

@media (prefers-reduced-motion: reduce) {
  .pk-kp a.pk-kp__ch, .pk-kp__ch-ico, .pk-kp__ch-arr, .pk-kp__links svg { transition: none; }
}

@media only screen and (max-width: 1100px) {
  .pk-kp__head-in { gap: 40px; }
  .pk-kp__channels--5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .pk-kp__channels--5 .pk-kp__ch { grid-column: span 2; }
  .pk-kp__channels--5 .pk-kp__ch:nth-child(n+4) { grid-column: span 3; }
  .pk-kp__formcard { padding: 36px 32px 32px; }
}

@media only screen and (max-width: 980px) {
  .pk-kp__main { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 40px !important; margin-bottom: 64px !important; }
  .pk-kp__aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pk-kp__box--links { grid-column: 1 / -1; }
}

@media only screen and (max-width: 900px) {
  .pk-kp__head { padding: 48px 0 104px; }
  .pk-kp__head-in { grid-template-columns: minmax(0, 1fr) !important; }
  .pk-kp__photo { display: none; }
  .pk-kp__lead, .pk-kp__note, .pk-kp__hours { max-width: 640px; }
}

@media only screen and (max-width: 700px) {
  .pk-kp__wrap { padding: 0 16px; }
  .pk-kp__head { padding: 36px 0 88px; }
  .pk-kp__title { font-size: 40px !important; margin-bottom: 14px !important; }
  .pk-kp__lead { font-size: 16px !important; }
  .pk-kp__note, .pk-kp__hours { margin-top: 16px !important; font-size: 14px !important; }

  .pk-kp__channels { margin-top: -64px; border-radius: 16px; }
  .pk-kp__channels,
  .pk-kp__channels--5,
  .pk-kp__channels--4,
  .pk-kp__channels--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pk-kp__channels--5 .pk-kp__ch,
  .pk-kp__channels--5 .pk-kp__ch:nth-child(n+4) { grid-column: auto; }
  .pk-kp__channels--5 .pk-kp__ch:last-child,
  .pk-kp__channels--3 .pk-kp__ch:last-child { grid-column: 1 / -1; }
  .pk-kp a.pk-kp__ch { gap: 12px; min-height: 128px; padding: 18px 16px; }
  .pk-kp__channels--5 .pk-kp__ch:last-child,
  .pk-kp__channels--3 .pk-kp__ch:last-child { flex-direction: row; align-items: center; min-height: 0; }
  .pk-kp__ch-ico { width: 46px; height: 46px; }
  .pk-kp__ch-txt strong { font-size: 15.5px; }
  .pk-kp__ch-txt span { font-size: 13px; }
  .pk-kp__ch-arr { top: 18px; right: 14px; }
  .pk-kp__channels--5 .pk-kp__ch:last-child .pk-kp__ch-arr { top: 50%; transform: translateY(-50%); }

  .pk-kp__main { margin-top: 28px !important; margin-bottom: 48px !important; }
  .pk-kp__formcard { padding: 26px 18px 24px; border-radius: 16px; }
  .pk-kp__aside { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .pk-kp__box { padding: 20px; }
}


/* 1.8.1: [pk_stopka haslo=" "] — puste hasło zostawia miejsce tej samej wysokości co napis */
.pk-foot__script { min-height: 1.1em; }

/* 1.8.2: [pk_baner przycisk=" "] — niewidoczne miejsce w rozmiarze przycisku (układ banera się nie zmienia) */
.pk-banner__btn.pk-banner__btn--puste { visibility: hidden; min-width: 310px; min-height: 47px; pointer-events: none; }
@media only screen and (max-width: 599px) { .pk-banner__btn.pk-banner__btn--puste { min-width: 0; } }