/* =============================================================
   PP Inspiracje — Redesign v2 (spójny, premium, mobile-first)
   Ładowany PO public.css i pp-buy.css. Reguły dotyczą widoku
   pojedynczej inspiracji, kart listingu i modali. Jeden akcent
   (emerald), spójne odstępy, cienie, typografia i hierarchia.
   ============================================================= */
.pp-si-content-area,
.pp-rv-modal,
#pp-rv-modal {
  --pp2-emerald:#12a37c; --pp2-emerald-dk:#0c8061; --pp2-emerald-soft:#e7f6f0;
  --pp2-navy:#16273f; --pp2-navy-900:#0f1d31; --pp2-slate:#586a80; --pp2-muted:#8b98a9;
  --pp2-border:#e7ebf1; --pp2-border-strong:#d7dee8; --pp2-surface:#fff; --pp2-surface-2:#f7f9fb;
  --pp2-r-sm:10px; --pp2-r-md:14px; --pp2-r-lg:20px; --pp2-r-pill:999px;
  --pp2-sh-sm:0 1px 2px rgba(16,30,54,.05),0 1px 3px rgba(16,30,54,.06);
  --pp2-sh-md:0 8px 24px -10px rgba(16,30,54,.16);
  --pp2-star:#f5a623;
}

/* ---------- Górny pasek: breadcrumbs + pager inspiracji (góra, prawa) ---------- */
.pp-si-content-area .pp-si-topbar{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.pp-si-content-area .pp-si-breadcrumbs{min-width:0}
.pp-si-insp-pager{display:flex; gap:8px; flex:none}
.pp-si-insp-pager__btn{
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  font-size:.8rem; font-weight:700; color:var(--pp2-navy); text-decoration:none;
  border:1px solid var(--pp2-border-strong); border-radius:var(--pp2-r-pill);
  padding:7px 14px; background:var(--pp2-surface); transition:border-color .15s,color .15s;
}
.pp-si-insp-pager__btn:hover{border-color:var(--pp2-emerald); color:var(--pp2-emerald-dk)}
.pp-si-insp-pager__btn svg{width:15px; height:15px; color:var(--pp2-slate)}
.pp-si-insp-pager__btn:hover svg{color:var(--pp2-emerald-dk)}

/* ---------- Karta atrybutów: jedna spójna całość, 2×2 z subtelnymi liniami ---------- */
.pp-si-content-area .pp-si-attributes-card{
  background:var(--pp2-surface); border:1px solid var(--pp2-border); border-radius:var(--pp2-r-lg);
  box-shadow:var(--pp2-sh-sm); padding:0; overflow:hidden;
}
.pp-si-content-area .pp-si-attr-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:0; margin:0;
}
.pp-si-content-area .pp-si-attr-item{
  display:flex; gap:12px; align-items:flex-start; padding:18px; margin:0;
  background:transparent; border:0; box-shadow:none; border-radius:0;
}
.pp-si-content-area .pp-si-attr-item:nth-child(odd){border-right:1px solid var(--pp2-border)}
.pp-si-content-area .pp-si-attr-item:nth-child(1),
.pp-si-content-area .pp-si-attr-item:nth-child(2){border-bottom:1px solid var(--pp2-border)}
.pp-si-content-area .pp-si-attr-icon-wrapper{
  flex:none; width:38px; height:38px; border-radius:11px; background:var(--pp2-emerald-soft);
  color:var(--pp2-emerald-dk); display:grid; place-items:center; margin:0;
}
.pp-si-content-area .pp-si-attr-icon{width:20px; height:20px; color:var(--pp2-emerald-dk)}
.pp-si-content-area .pp-si-attr-content{display:flex; flex-direction:column; gap:9px; min-width:0}
.pp-si-content-area .pp-si-attr-label{
  font-size:.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color:var(--pp2-slate); margin:0;
}
.pp-si-content-area .pp-si-chips-wrap{display:flex; flex-wrap:wrap; gap:8px; margin:0}
.pp-si-content-area .pp-si-chip{
  display:inline-flex; align-items:center; gap:6px; background:var(--pp2-surface-2);
  border:1px solid var(--pp2-border); color:var(--pp2-navy); font-size:.78rem; font-weight:600;
  padding:6px 11px; border-radius:var(--pp2-r-pill); margin:0; line-height:1.2;
}
/* Wymiary = jeden wymiar całości */
.pp-si-roomdims{display:flex; flex-direction:column; gap:3px}
.pp-si-roomdims__main{font-size:1.16rem; font-weight:800; color:var(--pp2-navy); letter-spacing:-.01em; font-family:var(--font-heading,inherit)}
.pp-si-roomdims__sub{font-size:.8rem; color:var(--pp2-slate)}
/* Kolor ścian = jeden kolor, dwie palety */
.pp-si-wallcolor{display:flex; align-items:center; gap:13px}
.pp-si-wallcolor__swatch{flex:none; width:54px; height:54px; border-radius:12px; border:1px solid rgba(0,0,0,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.pp-si-wallcolor__names{display:flex; flex-direction:column; gap:2px}
.pp-si-wallcolor__name{font-size:1rem; font-weight:800; color:var(--pp2-navy); font-family:var(--font-heading,inherit)}
.pp-si-wallcolor__sub{font-size:.82rem; color:var(--pp2-slate)}
/* Pasek udostępniania jako oddzielona, spójna stopka karty */
.pp-si-content-area .pp-si-attr-share-row{
  display:flex; align-items:center; gap:12px; margin:0; padding:14px 18px;
  border-top:1px solid var(--pp2-border); background:var(--pp2-surface-2);
}

/* ---------- Prawa kolumna: jeden spójny panel sklepowy ---------- */
.pp-si-content-area .pp-si-sticky-panel{
  background:var(--pp2-surface); border:1px solid var(--pp2-border); border-radius:var(--pp2-r-lg);
  box-shadow:var(--pp2-sh-md); padding:22px;
}
.pp-si-content-area .pp-sidebar-header{border-bottom:1px solid var(--pp2-border); padding-bottom:16px; margin-bottom:16px}
.pp-si-content-area .pp-sidebar-header__meta-row{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:11px}
.pp-si-content-area .pp-shop-look-badge{
  display:inline-flex; align-items:center; font-size:.66rem; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; color:var(--pp2-emerald-dk); background:var(--pp2-emerald-soft);
  padding:6px 11px; border-radius:var(--pp2-r-pill);
}
.pp-si-content-area .pp-sidebar-meta-text{font-size:.78rem; color:var(--pp2-slate)}
.pp-si-content-area .pp-si-main-title{
  font-size:clamp(1.25rem,2vw,1.5rem); font-weight:800; color:var(--pp2-navy);
  line-height:1.16; margin:0 0 11px;
}
.pp-si-content-area .pp-si-rating-stars-wrapper{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.pp-si-content-area .pp-si-stars{display:inline-flex; gap:2px; color:var(--pp2-star)}
.pp-si-content-area .pp-si-stars svg{width:16px; height:16px}
.pp-si-content-area .pp-si-rating-text{font-size:.84rem; color:var(--pp2-slate)}

/* Lista produktów — czyste wiersze (kalkulator w modalu) */
.pp-si-content-area #product-list,
.pp-rv-modal #product-list,
.pp-si-product-list {display:flex; flex-direction:column; gap:10px}
.pp-si-content-area .pp-buy-wrap,
.pp-rv-modal .pp-buy-wrap,
.pp-si-product-list .pp-buy-wrap {margin:0}
.pp-si-content-area .pp-si-prod-card,
.pp-rv-modal .pp-si-prod-card,
.pp-si-product-list .pp-si-prod-card {
  display:flex; align-items:center; gap:13px; padding:12px;
  border:1px solid var(--pp2-border); border-radius:var(--pp2-r-md); background:var(--pp2-surface);
  transition:border-color .15s, box-shadow .15s;
}
.pp-si-content-area .pp-si-prod-card:hover,
.pp-si-content-area .pp-si-prod-card.active,
.pp-rv-modal .pp-si-prod-card:hover,
.pp-rv-modal .pp-si-prod-card.active,
.pp-si-product-list .pp-si-prod-card:hover,
.pp-si-product-list .pp-si-prod-card.active {border-color:var(--pp2-border-strong); box-shadow:var(--pp2-sh-sm)}
.pp-si-content-area .pp-mini-img-wrap,
.pp-rv-modal .pp-mini-img-wrap,
.pp-si-product-list .pp-mini-img-wrap {position:relative; flex:none; margin:0}
.pp-si-content-area .pp-num-badge,
.pp-rv-modal .pp-num-badge,
.pp-si-product-list .pp-num-badge {
  position:absolute; top:-7px; left:-7px; width:22px; height:22px; border-radius:50%;
  background:var(--pp2-navy); color:#fff; font-size:.72rem; font-weight:800; display:grid; place-items:center; z-index:2;
}
.pp-si-content-area .pp-mini-img-wrap-inner,
.pp-rv-modal .pp-mini-img-wrap-inner,
.pp-si-product-list .pp-mini-img-wrap-inner {width:58px; height:58px; border-radius:10px; overflow:hidden; border:1px solid var(--pp2-border)}
.pp-si-content-area .pp-mini-img,
.pp-rv-modal .pp-mini-img,
.pp-si-product-list .pp-mini-img {width:58px; height:58px; object-fit:cover; display:block}
.pp-si-content-area .pp-si-prod-info,
.pp-rv-modal .pp-si-prod-info,
.pp-si-product-list .pp-si-prod-info {flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.pp-si-content-area .pp-si-prod-name,
.pp-rv-modal .pp-si-prod-name,
.pp-si-product-list .pp-si-prod-name {margin:0}
.pp-si-content-area .pp-si-prod-name-link,
.pp-rv-modal .pp-si-prod-name-link,
.pp-si-product-list .pp-si-prod-name-link {font-size:.86rem; font-weight:700; color:var(--pp2-navy); line-height:1.3; text-decoration:none}
.pp-si-content-area .pp-si-prod-name-link:hover,
.pp-rv-modal .pp-si-prod-name-link:hover,
.pp-si-product-list .pp-si-prod-name-link:hover {color:var(--pp2-emerald-dk)}
.pp-si-content-area .pp-si-prod-price,
.pp-rv-modal .pp-si-prod-price,
.pp-si-product-list .pp-si-prod-price {font-size:.82rem; color:var(--pp2-slate); font-weight:600}
.pp-si-content-area .pp-si-prod-price .amount,
.pp-si-content-area .pp-si-prod-price bdi,
.pp-rv-modal .pp-si-prod-price .amount,
.pp-rv-modal .pp-si-prod-price bdi,
.pp-si-product-list .pp-si-prod-price .amount,
.pp-si-product-list .pp-si-prod-price bdi {color:var(--pp2-emerald-dk); font-weight:800}
.pp-si-content-area .pp-si-prod-pkg-info,
.pp-rv-modal .pp-si-prod-pkg-info,
.pp-si-product-list .pp-si-prod-pkg-info {color:var(--pp2-slate); font-weight:500}
.pp-si-content-area .pp-si-prod-foot,
.pp-rv-modal .pp-si-prod-foot,
.pp-si-product-list .pp-si-prod-foot {display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:1px}
.pp-si-content-area .pp-si-prod-stock,
.pp-rv-modal .pp-si-prod-stock,
.pp-si-product-list .pp-si-prod-stock {display:inline-flex; align-items:center; gap:3px; font-size:.74rem; font-weight:600; color:var(--pp2-emerald-dk)}
.pp-si-content-area .pp-si-prod-stock svg,
.pp-rv-modal .pp-si-prod-stock svg,
.pp-si-product-list .pp-si-prod-stock svg {width:12px; height:12px}
.pp-si-content-area .pp-si-prod-stock.is-out,
.pp-rv-modal .pp-si-prod-stock.is-out,
.pp-si-product-list .pp-si-prod-stock.is-out {color:var(--pp2-muted)}
.pp-si-content-area .pp-si-prod-cardlink,
.pp-rv-modal .pp-si-prod-cardlink,
.pp-si-product-list .pp-si-prod-cardlink {display:inline-flex; align-items:center; gap:4px; font-size:.76rem; font-weight:600; color:var(--pp2-slate); text-decoration:none}
.pp-si-content-area .pp-si-prod-cardlink svg,
.pp-rv-modal .pp-si-prod-cardlink svg,
.pp-si-product-list .pp-si-prod-cardlink svg {width:13px; height:13px}
.pp-si-content-area .pp-si-prod-cardlink:hover,
.pp-rv-modal .pp-si-prod-cardlink:hover,
.pp-si-product-list .pp-si-prod-cardlink:hover {color:var(--pp2-emerald-dk)}
.pp-si-content-area .pp-si-buy-btn,
.pp-rv-modal .pp-si-buy-btn,
.pp-si-product-list .pp-si-buy-btn,
.pp-si-buy-btn {
  flex:none; font-family:inherit; font-weight:700; font-size:.8rem; cursor:pointer; white-space:nowrap;
  padding:10px 15px; border-radius:var(--pp2-r-pill); border:1px solid var(--pp2-emerald);
  background:var(--pp2-emerald); color:#fff; transition:background .15s, transform .1s;
}
.pp-si-content-area .pp-si-buy-btn:hover,
.pp-rv-modal .pp-si-buy-btn:hover,
.pp-si-product-list .pp-si-buy-btn:hover,
.pp-si-buy-btn:hover {background:var(--pp2-emerald-dk)}
.pp-si-content-area .pp-si-buy-btn:active,
.pp-rv-modal .pp-si-buy-btn:active,
.pp-si-product-list .pp-si-buy-btn:active,
.pp-si-buy-btn:active {transform:translateY(1px)}

/* Ciemne CTA zestawu */
.pp-si-content-area .pp-set-cta,
.pp-rv-modal .pp-set-cta,
.pp-si-product-list .pp-set-cta,
.pp-qv3 .pp-set-cta {
  background:var(--pp2-navy-900); border-radius:var(--pp2-r-lg); padding:20px; color:#fff;
  margin-top:16px; box-shadow:var(--pp2-sh-md);
}
.pp-si-content-area .pp-set-cta__row,
.pp-rv-modal .pp-set-cta__row,
.pp-si-product-list .pp-set-cta__row,
.pp-qv3 .pp-set-cta__row {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px}
.pp-si-content-area .pp-set-cta__label,
.pp-rv-modal .pp-set-cta__label,
.pp-si-product-list .pp-set-cta__label,
.pp-qv3 .pp-set-cta__label {font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.72)}
.pp-si-content-area .pp-set-cta__price,
.pp-rv-modal .pp-set-cta__price,
.pp-si-product-list .pp-set-cta__price,
.pp-qv3 .pp-set-cta__price {text-align:right; display:flex; flex-direction:column}
.pp-si-content-area .pp-set-cta__from,
.pp-rv-modal .pp-set-cta__from,
.pp-si-product-list .pp-set-cta__from,
.pp-qv3 .pp-set-cta__from {font-size:.72rem; color:rgba(255,255,255,.6)}
.pp-si-content-area .pp-set-cta__amt,
.pp-rv-modal .pp-set-cta__amt,
.pp-si-product-list .pp-set-cta__amt,
.pp-qv3 .pp-set-cta__amt {font-size:1.5rem; font-weight:800; letter-spacing:-.02em; font-family:var(--font-heading,inherit)}
.pp-btn-shop-look-cart,
.pp-si-content-area .pp-btn-shop-look-cart,
.pp-rv-modal .pp-btn-shop-look-cart,
.pp-si-product-list .pp-btn-shop-look-cart,
.pp-qv3 .pp-btn-shop-look-cart {
  width:100%; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--pp2-emerald); color:#fff; border:0; border-radius:var(--pp2-r-md);
  font-weight:800; font-size:.92rem; padding:14px 16px; cursor:pointer; transition:background .15s;
  box-shadow:0 14px 30px -10px rgba(18,163,124,.5);
}
.pp-btn-shop-look-cart:hover,
.pp-si-content-area .pp-btn-shop-look-cart:hover,
.pp-rv-modal .pp-btn-shop-look-cart:hover,
.pp-si-product-list .pp-btn-shop-look-cart:hover,
.pp-qv3 .pp-btn-shop-look-cart:hover {background:var(--pp2-emerald-dk)}
.pp-btn-shop-look-cart svg,
.pp-si-content-area .pp-btn-shop-look-cart svg,
.pp-rv-modal .pp-btn-shop-look-cart svg,
.pp-si-product-list .pp-btn-shop-look-cart svg,
.pp-qv3 .pp-btn-shop-look-cart svg {width:18px; height:18px}
.pp-si-content-area .pp-set-cta__trust,
.pp-rv-modal .pp-set-cta__trust,
.pp-si-product-list .pp-set-cta__trust,
.pp-qv3 .pp-set-cta__trust {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px 10px; margin-top:13px; font-size:.74rem; color:rgba(255,255,255,.66)}
.pp-si-content-area .pp-trust-separator,
.pp-rv-modal .pp-trust-separator {opacity:.4}

/* Link powrotny pod panelem */
.pp-si-content-area .pp-si-sidebar-footer{border:0 !important; margin-top:14px !important; padding-top:0 !important}
.pp-si-content-area .pp-back-btn{color:var(--pp2-navy)}
.pp-si-content-area .pp-back-btn:hover{color:var(--pp2-emerald-dk)}

/* ---------- Zdjęcie / switcher ---------- *

/* ---------- Karty listingu: czytelne CTA + szybki podgląd ---------- */
.pp-insp-card-quick-btn{
  display:inline-flex; align-items:center; gap:5px; font-size:.74rem; font-weight:700;
  background:rgba(255,255,255,.94); color:#16273f; padding:7px 11px; border-radius:999px;
  box-shadow:0 1px 3px rgba(16,30,54,.12);
}
.pp-insp-card-quick-btn svg{width:13px; height:13px}

/* ---------- Drobne dopasowania responsywne ---------- */
@media (max-width:600px){
  .pp-si-content-area .pp-si-attr-item:nth-child(odd){border-right:0}
  .pp-si-content-area .pp-si-attr-item:nth-child(3){border-bottom:1px solid var(--pp2-border)}
  .pp-si-content-area .pp-si-prod-card,
  .pp-rv-modal .pp-si-prod-card {flex-wrap:wrap}
  .pp-si-content-area .pp-si-buy-btn,
  .pp-rv-modal .pp-si-buy-btn,
  .pp-si-buy-btn {width:100%; margin-top:4px}
  .pp-si-insp-pager{width:100%; justify-content:space-between}
}

/* ---------- Wydajność / Core Web Vitals ----------
   - LCP: główne zdjęcie pozostaje eager+fetchpriority (w szablonie).
   - CLS: stałe wymiary miniatur i swatcha (powyżej) + aspect-ratio kart.
   - Render: sekcje poniżej ekranu renderowane leniwie (content-visibility),
     z rezerwacją wysokości (contain-intrinsic-size) by nie wywołać przeskoków. */
.pp-si-content-area .pp-si-similar-products,
.pp-si-content-area .pp-related-inspirations-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 640px;
}
/* Zapobieganie CLS na obrazach kart listingu (gdy motyw nie narzuca proporcji) */
.pp-insp-card .pp-insp-img{aspect-ratio:4/3; width:100%; height:auto; object-fit:cover}
/* Płynny, lekki hover bez przemalowań układu (anim. tylko transform/opacity) */
@media (prefers-reduced-motion: reduce){
  .pp-si-content-area *{transition-duration:.01ms !important; animation-duration:.01ms !important}
}

/* ---------- Udostępnianie w nagłówku panelu (zamiast Odsłon/Ocena) ---------- */
.pp-si-content-area .pp-sidebar-header__meta-row{flex-wrap:wrap; gap:10px}
.pp-si-content-area .pp-si-share{display:inline-flex; align-items:center; gap:8px}
.pp-si-content-area .pp-share-label{font-size:.74rem; font-weight:600; color:var(--pp2-slate)}
.pp-si-content-area .pp-si-share-buttons{display:inline-flex; gap:6px}
.pp-si-content-area .pp-share-btn{
  position:relative; width:32px; height:32px; border-radius:50%; display:grid; place-items:center;
  background:var(--pp2-surface-2); border:1px solid var(--pp2-border); color:var(--pp2-slate);
  text-decoration:none; transition:color .15s,border-color .15s,background .15s;
}
.pp-si-content-area .pp-share-btn:hover{color:#fff; background:var(--pp2-emerald); border-color:var(--pp2-emerald)}
.pp-si-content-area .pp-share-btn svg{width:14px; height:14px}
.pp-si-content-area .pp-copylink-tooltip{
  position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%) scale(.9);
  background:var(--pp2-navy-900); color:#fff; font-size:.66rem; font-weight:600; padding:4px 8px;
  border-radius:6px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .15s, transform .15s;
}
.pp-si-content-area .pp-share-copylink.copied .pp-copylink-tooltip{opacity:1; transform:translateX(-50%) scale(1)}

/* Neutralizacja podwójnego paddingu/kursora opakowania produktu (z pp-buy.css) */
.pp-si-content-area .pp-buy-wrap{padding:0 !important; cursor:default !important; user-select:auto !important}

/* =============================================================================
   PRAWA KOLUMNA — przyklejenie z ZAWSZE WIDOCZNYM przyciskiem zakupu

   Poprzednia wersja robiła z całego panelu obszar przewijany. Skutek był gorszy
   niż brak przyklejenia: przycisk „Skompletuj i kup zestaw" — najważniejszy element
   strony — lądował poniżej krawędzi panelu i klient musiał się do niego doscrollować
   WEWNĄTRZ prawej kolumny. Przy dłuższej liście produktów CTA było niewidoczne.

   Teraz panel jest kolumną flex: nagłówek i podsumowanie zakupu mają stałą wysokość
   i zostają na ekranie, a przewija się WYŁĄCZNIE lista produktów pomiędzy nimi.
   To standardowy układ koszyka — cena i przycisk zawsze pod ręką.
   ============================================================================= */
@media (min-width: 992px) {

  /*
   * PANEL BOCZNY — PEŁNA WYSOKOŚĆ, BEZ PRZEWIJANIA (3.4.7)
   *
   * Cztery wersje z rzędu próbowałem zmieścić ten panel w wysokości ekranu:
   * najpierw kolumną flex z max-height, potem wewnętrznym przewijaniem, potem
   * przyklejonym przyciskiem. Każdy z tych mechanizmów rozwiązywał jeden objaw
   * i tworzył następny, bo wszystkie wywodziły się z tego samego błędnego
   * założenia — że panel MUSI zmieścić się w jednym ekranie.
   *
   * Nie musi. Kolumna produktowa ma prawo być wyższa niż okno przeglądarki;
   * użytkownik po prostu przewija stronę, tak jak przewija każdą inną treść.
   * Ograniczanie jej wysokości nie dawało nic poza chowaniem przycisku zakupu.
   *
   * Dlatego: BEZ max-height, BEZ overflow, BEZ position:sticky, BEZ display:flex.
   * Panel ma naturalną wysokość swojej treści. Przycisk zakupu jest zawsze
   * widoczny, bo nie ma go co przyciąć ani zasłonić.
   */
  .pp-si-content-area .pp-si-sticky-panel{
    position:static;
    max-height:none;
    height:auto;
    overflow:visible;
    display:block;
    background:var(--pp2-surface);
  }

  .pp-si-content-area .pp-si-sticky-panel .pp-si-product-list{
    max-height:none;
    overflow:visible;
  }

  .pp-si-content-area .pp-si-sticky-panel > .pp-set-cta{
    position:static;
    margin-top:18px;
  }
}

@media (max-width: 991px){
  .pp-si-content-area .pp-si-sticky-panel{
    position:static; max-height:none; overflow:visible; display:block;
    background:var(--pp2-surface);
  }
  .pp-si-content-area .pp-si-sticky-panel .pp-si-product-list{
    max-height:none; overflow:visible;
  }
}

/* ── Paleta: kolor główny + akcent (3.4.8) ───────────────────────────────────
 * Wcześniej sekcja pokazywała jedną próbkę. Gdy wnętrze ma dwa kolory — a ma je
 * niemal zawsze — druga barwa istniała wyłącznie jako etykieta tekstowa,
 * bez próbki. Dla kogoś, kto dobiera kolory do własnego mieszkania, nazwa bez
 * próbki jest bezużyteczna.
 * -------------------------------------------------------------------------- */
.pp-si-content-area .pp-si-wallcolor + .pp-si-wallcolor{
  margin-top:10px; padding-top:10px;
  border-top:1px dashed var(--pp2-border);
}

/* Rola próbki podpisana wprost — inaczej dwa kwadraty nic nie znaczą. */
.pp-si-content-area .pp-si-wallcolor--main .pp-si-wallcolor__names::before,
.pp-si-content-area .pp-si-wallcolor--accent .pp-si-wallcolor__names::before{
  display:block;
  font-size:.62rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
  color:var(--pp2-muted); margin-bottom:1px;
}
.pp-si-content-area .pp-si-wallcolor--main .pp-si-wallcolor__names::before{ content:"Kolor główny"; }
.pp-si-content-area .pp-si-wallcolor--accent .pp-si-wallcolor__names::before{ content:"Akcent"; }

/* Gdy akcentu nie ma, podpis „Kolor główny" byłby zbędnym szumem. */
.pp-si-content-area .pp-si-wallcolor--main:only-child .pp-si-wallcolor__names::before{ content:none; }

.pp-si-content-area .pp-si-wallcolor__swatch{
  box-shadow:inset 0 0 0 1px rgba(16,30,54,.10);
}

/* Reguly przelacznika ujec zostaly przeniesione do assets/css/pp-view-switcher.css.
   W tym pliku bylo ich 3 i konkurowaly z innymi arkuszami; o wyniku decydowala
   kolejnosc ladowania, a nie projekt. Nie dopisuj ich tutaj ponownie. */