/* PAMEL CATALOG UI 0.6 */
:root{
  --pcat-green:#76b82a;
  --pcat-green-dark:#4e7818;
  --pcat-ink:#101827;
  --pcat-muted:#667487;
  --pcat-line:#e1e7ec;
  --pcat-soft:#f6f8fa;
  --pcat-shadow:0 14px 38px rgba(15,23,42,.07);
}

/* FRONT: podkreślenie, że to sklep */
.pamel-catalog-front{padding:86px 0;background:linear-gradient(180deg,#fff,#f7f9fb);border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.pamel-catalog-heading{max-width:790px;margin-bottom:32px}
.pamel-catalog-heading>span{display:inline-flex;align-items:center;gap:8px;color:var(--pcat-green-dark);font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.pamel-catalog-heading>span:before{content:"";width:30px;height:3px;background:var(--pcat-green);border-radius:99px}
.pamel-catalog-heading h2{font-size:clamp(36px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:0 0 12px;color:var(--pcat-ink)}
.pamel-catalog-heading p{font-size:17px;color:var(--pcat-muted);margin:0;max-width:720px}

.pamel-catalog-main-grid{display:grid;gap:16px}
.pamel-catalog-main-grid-large{grid-template-columns:repeat(4,minmax(0,1fr))}
.pamel-catalog-main-tile{text-decoration:none!important;color:var(--pcat-ink)!important;border:1px solid var(--pcat-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.035);display:flex;flex-direction:column;min-height:300px;transition:.2s transform,.2s box-shadow,.2s border-color}
.pamel-catalog-main-tile:hover{transform:translateY(-4px);border-color:#b7d68f;box-shadow:var(--pcat-shadow)}
.pamel-catalog-main-tile.is-active{border-color:#8fbd56;box-shadow:0 0 0 3px rgba(118,184,42,.09)}
.pamel-catalog-main-media{height:170px;background:radial-gradient(circle at 70% 20%,rgba(118,184,42,.15),transparent 32%),linear-gradient(150deg,#fff,#f1f5f7);display:grid;place-items:center;padding:16px;overflow:hidden}
.pamel-catalog-main-media img{width:100%;height:100%;object-fit:contain;display:block;transition:.25s transform}
.pamel-catalog-main-tile:hover .pamel-catalog-main-media img{transform:scale(1.035)}
.pamel-catalog-main-media .pamel-catalog-fallback-icon{width:92px;height:92px;object-fit:contain}
.pamel-catalog-main-copy{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}
.pamel-catalog-main-copy strong{font-size:20px;line-height:1.1;margin-bottom:7px}
.pamel-catalog-main-copy p{font-size:13px;color:var(--pcat-muted);margin:0 0 14px;line-height:1.45}
.pamel-catalog-main-copy span{margin-top:auto;color:var(--pcat-green-dark);font-size:12px;font-weight:850}

.pamel-catalog-help-card{margin-top:18px;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;text-decoration:none!important;background:linear-gradient(135deg,#0d1827,#1a3048);color:#fff!important;border-radius:20px;padding:18px 20px;box-shadow:0 16px 40px rgba(15,23,42,.12)}
.pamel-catalog-help-card>span{width:52px;height:52px;border-radius:16px;background:rgba(118,184,42,.17);border:1px solid rgba(170,222,106,.25);display:grid;place-items:center;font-size:25px;font-weight:950;color:#c9ee9b}
.pamel-catalog-help-card strong{display:block;font-size:18px;margin-bottom:3px}
.pamel-catalog-help-card p{margin:0;color:#b9c7d5;font-size:13px}
.pamel-catalog-help-card>b{font-size:26px;color:#c9ee9b}

/* SUBKATEGORIE — graficzne mini kafle */
.pamel-catalog-subsection{padding:78px 0;background:#fff}
.pamel-catalog-subsection-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}
.pamel-catalog-family-panel{border:1px solid var(--pcat-line);border-radius:25px;padding:26px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.pamel-catalog-family-panel-sets{background:linear-gradient(145deg,#f9fcf4,#fff)}
.pamel-catalog-family-panel h2{font-size:31px;line-height:1.05;letter-spacing:-.04em;margin:0 0 20px;color:var(--pcat-ink)}
.pamel-catalog-subtiles{display:grid;gap:10px}
.pamel-catalog-subtiles-large{grid-template-columns:repeat(2,minmax(0,1fr))}
.pamel-catalog-subtile{text-decoration:none!important;color:#253247!important;border:1px solid #dfe6ec;background:#fff;border-radius:14px;padding:11px 12px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:66px;transition:.18s transform,.18s border-color,.18s background}
.pamel-catalog-subtile:hover{transform:translateY(-2px);border-color:#a9cf78;background:#f8fbf4}
.pamel-catalog-subtile.is-active{border-color:#83b447;background:#f1f8e8;box-shadow:0 0 0 2px rgba(118,184,42,.08)}
.pamel-catalog-subicon{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#eef7e2,#f8fbf4);display:grid;place-items:center}
.pamel-catalog-subicon img{width:27px;height:27px;object-fit:contain}
.pamel-catalog-subtile strong{font-size:13px;line-height:1.25}
.pamel-catalog-subtile small{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#f0f3f6;color:#788493;font-size:9px;font-weight:900}

/* CENTRUM — mocne kolorowe kafle */
.pamel-center-v2{padding:86px 0;background:#f5f7f9;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.pamel-center-v2-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pamel-center-v2-card{text-decoration:none!important;color:#fff!important;border-radius:21px;padding:21px;min-height:225px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.10);transition:.2s transform,.2s box-shadow}
.pamel-center-v2-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-46px;top:-44px;background:rgba(255,255,255,.10)}
.pamel-center-v2-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(15,23,42,.16)}
.pamel-center-v2-product{background:linear-gradient(145deg,#0f2035,#213d5c)}
.pamel-center-v2-manual{background:linear-gradient(145deg,#4b7d13,#77b82a)}
.pamel-center-v2-faq{background:linear-gradient(145deg,#166c71,#2b9da0)}
.pamel-center-v2-edu{background:linear-gradient(145deg,#7f4b14,#d28629)}
.pamel-center-v2-cloud{background:linear-gradient(145deg,#41347f,#7665cf)}
.pamel-center-v2-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;margin-bottom:24px;position:relative;z-index:1}
.pamel-center-v2-icon img{width:29px;height:29px;filter:brightness(0) invert(1)}
.pamel-center-v2-card strong{font-size:18px;line-height:1.1;position:relative;z-index:1}
.pamel-center-v2-card p{font-size:12px;line-height:1.5;color:rgba(255,255,255,.78);margin:8px 0 16px;position:relative;z-index:1}
.pamel-center-v2-card em{margin-top:auto;font-style:normal;font-size:11px;font-weight:900;color:#fff;position:relative;z-index:1}

/* ARCHIVE / SKLEP */
.pamel-catalog-archive-ui{clear:both;margin:0 0 30px}
.pamel-catalog-archive-categories{margin-bottom:18px}
.pamel-catalog-main-grid-compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.pamel-catalog-main-grid-compact .pamel-catalog-main-tile{min-height:132px;border-radius:15px}
.pamel-catalog-main-grid-compact .pamel-catalog-main-media{height:76px;padding:6px}
.pamel-catalog-main-grid-compact .pamel-catalog-main-copy{padding:9px 8px 10px;text-align:center}
.pamel-catalog-main-grid-compact .pamel-catalog-main-copy strong{font-size:10px;margin:0;line-height:1.12}
.pamel-catalog-main-grid-compact .pamel-catalog-main-copy p,
.pamel-catalog-main-grid-compact .pamel-catalog-main-copy span{display:none}
.pamel-catalog-main-grid-compact .pamel-catalog-fallback-icon{width:45px;height:45px}

.pamel-catalog-archive-sub{margin:16px 0 14px;border:1px solid var(--pcat-line);background:#fff;border-radius:17px;padding:14px}
.pamel-catalog-mini-head{margin-bottom:9px}
.pamel-catalog-mini-head strong{font-size:13px;color:#344256}
.pamel-catalog-subtiles-compact{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.pamel-catalog-subtiles-compact .pamel-catalog-subtile{grid-template-columns:32px 1fr;min-height:52px;padding:8px;border-radius:11px}
.pamel-catalog-subtiles-compact .pamel-catalog-subicon{width:32px;height:32px;border-radius:9px}
.pamel-catalog-subtiles-compact .pamel-catalog-subicon img{width:21px;height:21px}
.pamel-catalog-subtiles-compact .pamel-catalog-subtile strong{font-size:10px}
.pamel-catalog-subtiles-compact .pamel-catalog-subtile small{display:none}

/* ŁĄCZNOŚĆ — zero dropdownów */
.pamel-connectivity{border:1px solid var(--pcat-line);border-radius:17px;background:linear-gradient(145deg,#fafcfd,#fff);padding:14px 16px;margin-top:13px}
.pamel-connectivity-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.pamel-connectivity-head strong{font-size:13px;color:#263549}
.pamel-connectivity-head span{font-size:11px;color:#7a8795}
.pamel-connectivity-chips{display:flex;gap:8px;flex-wrap:wrap}
.pamel-connectivity-chip{min-width:100px;text-decoration:none!important;color:#344256!important;border:1px solid #dce3e9;background:#fff;border-radius:12px;display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:850;transition:.16s}
.pamel-connectivity-chip img{width:22px;height:22px;object-fit:contain}
.pamel-connectivity-chip:hover{border-color:#abcF7c;background:#f7fbf2}
.pamel-connectivity-chip.is-active{border-color:#7fb043;background:#eef7e4;color:#395e0c!important;box-shadow:0 0 0 2px rgba(118,184,42,.08)}

/* BADGE na produkcie */
.pamel-product-badges{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 7px;min-height:22px}
.pamel-product-badge{display:inline-flex;align-items:center;min-height:21px;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900;line-height:1.1;background:#f0f4f7;color:#536171;border:1px solid #e2e8ed}
.pamel-product-badge-wifi{background:#edf7e2;color:#456d14;border-color:#d1e7b7}
.pamel-product-badge-usb{background:#eef4fb;color:#315b86;border-color:#d4e1ef}
.pamel-product-badge-probe{background:#fff6e9;color:#815313;border-color:#f1dfc1}
.pamel-product-badge-use{background:#f4effc;color:#5d4383;border-color:#e4daf2}

/* SEARCH AUTOCOMPLETE */
.pamel-search{position:relative;z-index:260}
.pamel-search-results{position:absolute;display:none;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #dbe2e8;border-radius:16px;box-shadow:0 20px 55px rgba(15,23,42,.17);overflow:hidden;z-index:999}
.pamel-search-results.is-open{display:block}
.pamel-search-results-head{padding:10px 13px 6px;color:#7c8794;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.pamel-search-result{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:9px 12px;text-decoration:none!important;color:#263548!important;border-top:1px solid #f0f2f4}
.pamel-search-result:hover{background:#f7faf5}
.pamel-search-result img,.pamel-search-result-placeholder{width:52px;height:46px;object-fit:contain;border-radius:9px;background:#f7f9fa}
.pamel-search-result strong{display:block;font-size:12px;line-height:1.25}
.pamel-search-result small{display:block;margin-top:3px;color:#5e6d7d;font-size:11px;font-weight:800}
.pamel-search-result>b{font-size:18px;color:#78a942}
.pamel-search-empty{padding:20px;text-align:center;color:#778494;font-size:12px}
.pamel-search-viewall{display:block;padding:11px 13px;background:#f4f8ef;text-align:center;text-decoration:none!important;color:#446c13!important;font-size:11px;font-weight:900;border-top:1px solid #e2ead9}

@media(max-width:1100px){
  .pamel-catalog-main-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pamel-center-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pamel-catalog-main-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pamel-catalog-subtiles-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px){
  .pamel-catalog-subsection-grid{grid-template-columns:1fr}
  .pamel-catalog-main-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pamel-center-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .pamel-catalog-front,.pamel-catalog-subsection,.pamel-center-v2{padding:48px 0}
  .pamel-catalog-heading h2{font-size:36px}
  .pamel-catalog-heading p{font-size:14px}
  .pamel-catalog-main-grid-large{grid-template-columns:1fr 1fr;gap:9px}
  .pamel-catalog-main-grid-large .pamel-catalog-main-tile{min-height:220px;border-radius:16px}
  .pamel-catalog-main-grid-large .pamel-catalog-main-media{height:116px;padding:8px}
  .pamel-catalog-main-grid-large .pamel-catalog-main-copy{padding:12px}
  .pamel-catalog-main-grid-large .pamel-catalog-main-copy strong{font-size:15px}
  .pamel-catalog-main-grid-large .pamel-catalog-main-copy p{font-size:10px;margin-bottom:7px}
  .pamel-catalog-main-grid-large .pamel-catalog-main-copy span{font-size:9px}
  .pamel-catalog-help-card{grid-template-columns:44px 1fr auto;padding:14px}
  .pamel-catalog-help-card>span{width:44px;height:44px;border-radius:12px}
  .pamel-catalog-help-card strong{font-size:14px}.pamel-catalog-help-card p{font-size:10px}
  .pamel-catalog-family-panel{padding:17px;border-radius:18px}.pamel-catalog-family-panel h2{font-size:25px}
  .pamel-catalog-subtiles-large{grid-template-columns:1fr}
  .pamel-center-v2-grid{grid-template-columns:1fr 1fr;gap:9px}
  .pamel-center-v2-card{min-height:190px;padding:15px;border-radius:16px}.pamel-center-v2-icon{margin-bottom:16px}.pamel-center-v2-card strong{font-size:15px}.pamel-center-v2-card p{font-size:10px}
  .pamel-catalog-main-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .pamel-catalog-main-grid-compact .pamel-catalog-main-tile{min-height:105px;border-radius:11px}
  .pamel-catalog-main-grid-compact .pamel-catalog-main-media{height:58px}
  .pamel-catalog-main-grid-compact .pamel-catalog-main-copy{padding:7px 4px}.pamel-catalog-main-grid-compact .pamel-catalog-main-copy strong{font-size:8px}
  .pamel-catalog-subtiles-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pamel-connectivity{padding:12px}.pamel-connectivity-head{display:block}.pamel-connectivity-head span{display:block;margin-top:2px}
  .pamel-connectivity-chips{display:grid;grid-template-columns:1fr 1fr}.pamel-connectivity-chip{min-width:0;justify-content:flex-start}
  .pamel-search-results{position:fixed;left:10px;right:10px;top:128px;max-height:70vh;overflow:auto}
}


/* ===== PAMEL 0.6 — SYMBOLICZNE KAFLE KATEGORII ===== */
.pamel-catalog-main-media{
  position:relative;
  height:164px!important;
  padding:22px!important;
  overflow:hidden;
  isolation:isolate;
}
.pamel-catalog-main-media:before,
.pamel-catalog-main-media:after{
  content:"";
  position:absolute;
  border-radius:50%;
  z-index:-1;
}
.pamel-catalog-main-media:before{
  width:150px;height:150px;
  right:-38px;top:-48px;
  background:rgba(255,255,255,.30);
}
.pamel-catalog-main-media:after{
  width:96px;height:96px;
  left:-36px;bottom:-42px;
  background:rgba(255,255,255,.18);
}
.pamel-category-symbol{
  width:104px;
  height:104px;
  border-radius:28px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 16px 34px rgba(15,23,42,.11);
  color:#355d0c;
  transition:.22s transform,.22s box-shadow;
}
.pamel-category-symbol-svg{
  width:68px;
  height:68px;
  display:block;
}
.pamel-catalog-main-tile:hover .pamel-category-symbol{
  transform:translateY(-4px) scale(1.025);
  box-shadow:0 20px 42px rgba(15,23,42,.16);
}

/* Każda grupa ma własny delikatny kod kolorystyczny, ale cały zestaw jest spójny. */
.pamel-catalog-kind-controllers .pamel-catalog-main-media{
  background:linear-gradient(145deg,#dff0c9,#f5faee)!important;
  color:#4b7618;
}
.pamel-catalog-kind-sets .pamel-catalog-main-media{
  background:linear-gradient(145deg,#dce8f3,#f5f8fb)!important;
  color:#254d72;
}
.pamel-catalog-kind-thermometers .pamel-catalog-main-media{
  background:linear-gradient(145deg,#d8f0ee,#f1faf9)!important;
  color:#176b6a;
}
.pamel-catalog-kind-probes .pamel-catalog-main-media{
  background:linear-gradient(145deg,#eee6d8,#fbf8f1)!important;
  color:#76552a;
}
.pamel-catalog-kind-heaters .pamel-catalog-main-media{
  background:linear-gradient(145deg,#f4dfd1,#fff7f2)!important;
  color:#9a4f20;
}
.pamel-catalog-kind-valves .pamel-catalog-main-media{
  background:linear-gradient(145deg,#dde7f5,#f5f8fd)!important;
  color:#345c91;
}
.pamel-catalog-kind-accessories .pamel-catalog-main-media{
  background:linear-gradient(145deg,#e8def4,#faf6fe)!important;
  color:#6b478c;
}
.pamel-catalog-kind-software .pamel-catalog-main-media{
  background:linear-gradient(145deg,#dfe3e9,#f7f8fa)!important;
  color:#364152;
}

/* Kafelki na stronie kategorii też pozostają symboliczne. */
.pamel-catalog-main-grid-compact .pamel-catalog-main-media{
  height:82px!important;
  padding:8px!important;
}
.pamel-catalog-main-grid-compact .pamel-category-symbol{
  width:54px;height:54px;border-radius:16px;
}
.pamel-catalog-main-grid-compact .pamel-category-symbol-svg{
  width:34px;height:34px;
}

/* Jedyny duży panel doboru na stronie głównej. */
.pamel-catalog-help-card{
  margin-top:22px!important;
  min-height:92px;
}

/* Szerszy katalog wykorzystuje większą powierzchnię monitora. */
@media(min-width:1101px){
  .pamel-catalog-main-grid-large{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .pamel-center-v2-grid{
    gap:18px!important;
  }
}
@media(max-width:620px){
  .pamel-catalog-main-media{height:120px!important;padding:12px!important}
  .pamel-category-symbol{width:74px;height:74px;border-radius:20px}
  .pamel-category-symbol-svg{width:48px;height:48px}
  .pamel-catalog-main-grid-compact .pamel-category-symbol{width:42px;height:42px}
  .pamel-catalog-main-grid-compact .pamel-category-symbol-svg{width:27px;height:27px}
}