/* PLASTCAR — Dobór materiałów uszczelniających. Wszystkie style ograniczone do .pdp (odporne na style motywu). */
.pdp{
  --red:#E31E24; --red2:#C8161C; --red-t:#FCE9EA;
  --ink:#1E2227; --steel:#5A6169; --mute:#8A929B;
  --line:#DDE1E5; --line2:#EBEEF0; --bg:#F4F5F6;
  --ok:#17705F; --ok-t:#DCEFE9; --warn:#8A6400; --warn-t:#FBEFC9; --bad:#B3261E; --bad-t:#FADADB;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  container-type:inline-size; color-scheme:light;
  color:var(--ink); font:15px/1.5 var(--sans); -webkit-font-smoothing:antialiased; text-align:left;
  max-width:1240px; margin:0 auto;
}
.pdp *,.pdp *::before,.pdp *::after{box-sizing:border-box}
.pdp [hidden]{display:none!important}
/* reset elementów, które motywy lubią stylować */
.pdp h2,.pdp h3,.pdp h4,.pdp p,.pdp ul,.pdp li,.pdp table,.pdp td,.pdp dl,.pdp dt,.pdp dd,.pdp form,.pdp label{
  margin:0;padding:0;border:0;background:none;color:inherit;font-family:inherit;text-transform:none;letter-spacing:normal;box-shadow:none}
.pdp button,.pdp input,.pdp select{font:inherit;color:inherit;margin:0;text-transform:none;letter-spacing:normal;
  box-shadow:none;min-height:0;height:auto;line-height:1.3;max-width:100%;border-radius:0}
.pdp button{cursor:pointer;background:none;border:0;padding:0;text-decoration:none;font-weight:inherit;width:auto}
.pdp li::before,.pdp li::marker{content:none}
.pdp table{border-collapse:collapse;width:100%}
.pdp td{vertical-align:top}
.pdp a{box-shadow:none}
.pdp svg{max-width:100%;overflow:visible}
.pdp :focus-visible{outline:2px solid var(--red);outline-offset:2px}

.pdp-wrap{display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px;align-items:start}
.pdp-wrap>*{min-width:0}

/* panel warunków */
.pdp-cond{background:#fff;border:1px solid var(--line);position:sticky;top:var(--pdp-sticky,24px)}
.pdp-cond-h{padding:22px 22px 16px;border-bottom:1px solid var(--line2)}
.pdp .pdp-h1{font-size:23px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.pdp-cond-h p{margin-top:8px;color:var(--steel);font-size:13.5px;line-height:1.5}
.pdp-f{padding:16px 22px;border-bottom:1px solid var(--line2)}
.pdp-f:last-child{border-bottom:0}
.pdp-f label{display:block;font-weight:700;font-size:13px;margin-bottom:8px;color:var(--ink)}
.pdp-help{font-size:12.5px;color:var(--steel);margin-top:6px!important;line-height:1.45}
.pdp-ask{font-size:13.5px;color:var(--steel);background:#FAFBFB}
.pdp-ask a{color:var(--red2);font-weight:700;text-decoration:none;white-space:nowrap}

.pdp-combo{position:relative}
.pdp .pdp-mq{width:100%;border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:4px;font-size:15px}
.pdp .pdp-mq:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px rgba(30,34,39,.08)}
.pdp .pdp-list{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:4px;
  max-height:280px;overflow:auto;z-index:50;box-shadow:0 10px 30px rgba(30,34,39,.12);padding:4px 0;list-style:none}
.pdp .pdp-list li{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:14px;line-height:1.35;list-style:none}
.pdp .pdp-list li small{color:var(--mute);white-space:nowrap;font-size:12.5px}
.pdp .pdp-list li[aria-selected="true"],.pdp .pdp-list li:hover{background:var(--bg)}
.pdp .pdp-list li.none{color:var(--steel);cursor:default}
.pdp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pdp-chips:empty{display:none}
.pdp-chip{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border-radius:3px;padding:4px 4px 4px 10px;font-size:13px;font-weight:600;line-height:1.3}
.pdp .pdp-chip button{color:#AEB5BD;width:22px;height:22px;border-radius:3px;line-height:1;font-size:16px;text-align:center;flex:none}
.pdp .pdp-chip button:hover{color:#fff;background:#3a4047}

.pdp-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pdp-numf{display:flex;border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden}
.pdp-numf:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(30,34,39,.08)}
.pdp .pdp-numf input{border:0;width:100%;min-width:0;padding:10px 12px;outline:none;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;background:#fff}
.pdp .pdp-numf span,.pdp .pdp-numf select{border:0;border-left:1px solid var(--line);background:var(--bg);padding:0 10px;display:flex;align-items:center;color:var(--steel);font-size:13px;font-weight:600;width:auto}
.pdp .pdp-numf select{cursor:pointer;-webkit-appearance:none;appearance:none}
.pdp .pdp-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;cursor:pointer;margin:4px 0 0}
.pdp .pdp-check+.pdp-check{margin-top:10px}
.pdp .pdp-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--red);flex:none;padding:0}
.pdp .pdp-lbl{display:block;font-weight:700;font-size:13px;margin-bottom:8px;color:var(--ink)}
.pdp-kinds{display:flex;flex-wrap:wrap;gap:6px}
.pdp .pdp-kinds label{margin:0;font-size:13px;font-weight:600;cursor:pointer}
.pdp .pdp-kinds input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.pdp-kinds span{display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--steel);transition:background .15s,color .15s}
.pdp-kinds input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.pdp-kinds input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.pdp-nochart{background:#F9FAFA;border:1px dashed #c9ced3;padding:22px;font-size:13.5px;color:var(--steel)}
.pdp-nochart b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}
.pdp-mnote{font-size:13px;color:var(--steel);margin-top:5px;font-weight:400}
.pdp-check small{display:block;font-weight:400;font-size:12px;color:var(--steel)}

/* wyniki */
.pdp-res-h{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin-bottom:14px}
.pdp .pdp-rt{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1.25}
.pdp-rs{color:var(--steel);font-size:14px}
.pdp-empty{background:#fff;border:1px dashed #c9ced3;padding:32px 26px;color:var(--steel)}
.pdp-empty b{color:var(--ink);display:block;font-size:17px;margin-bottom:6px}
.pdp-empty a{color:var(--red2);font-weight:700}

.pdp-group{margin-bottom:22px}
.pdp .pdp-group>h3{font-size:13px;font-weight:700;color:var(--steel);margin:0 0 8px;display:flex;align-items:center;gap:8px;line-height:1.3}
.pdp-group>h3 i{width:10px;height:10px;border-radius:50%;display:inline-block}
.pdp-items{background:#fff;border:1px solid var(--line)}
.pdp-it{border-top:1px solid var(--line2)}
.pdp-it:first-child{border-top:0}
.pdp .pdp-it-h{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:0 16px;width:100%;text-align:left;align-items:stretch;color:var(--ink)}
.pdp .pdp-it-h:hover,.pdp .pdp-it-h:focus{background:none;color:var(--ink)}
.pdp-bar{background:var(--line)}
.pdp-it.s1 .pdp-bar{background:var(--ok)} .pdp-it.s2 .pdp-bar{background:#D9A520} .pdp-it.s3 .pdp-bar{background:var(--bad)}
.pdp-main{padding:14px 0;display:block}
.pdp-nm{font-weight:800;font-size:16.5px;letter-spacing:-.01em;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;line-height:1.3}
.pdp-it-h:hover .pdp-nm{color:var(--red2)}
.pdp-tag{font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:3px;background:var(--bg);color:var(--steel);letter-spacing:0}
.pdp-tag.pl{background:var(--red);color:#fff}
.pdp-tag.of{background:var(--red-t);color:var(--red2)}
.pdp-facts{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:5px;font-size:13px;color:var(--steel);font-variant-numeric:tabular-nums;font-weight:400}
.pdp-facts b{color:var(--ink);font-weight:600}
.pdp-why{margin-top:6px;font-size:13px;display:flex;flex-wrap:wrap;gap:6px}
.pdp-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-weight:600;font-size:12.5px;line-height:1.4}
.pdp-p1{background:var(--ok-t);color:var(--ok)} .pdp-p2{background:var(--warn-t);color:var(--warn)} .pdp-p3{background:var(--bad-t);color:var(--bad)} .pdp-p0{background:var(--bg);color:var(--steel)}
.pdp-side{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 0}
.pdp .pdp-mini{width:120px;height:62px;display:block}
.pdp .pdp-chev{width:20px;height:20px;color:var(--mute);transition:transform .2s;flex:none}
.pdp-it.open .pdp-chev{transform:rotate(180deg)}

.pdp-det{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;padding:4px 22px 22px 28px}
.pdp .pdp-det h4{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--ink);line-height:1.3}
.pdp .pdp-chart{width:100%;height:auto;display:block;background:#fff}
.pdp-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--steel);margin-top:8px}
.pdp-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:5px;vertical-align:-2px}
.pdp .pdp-ch{font-size:13.5px}
.pdp .pdp-ch td{padding:7px 0;border-bottom:1px solid var(--line2)}
.pdp .pdp-ch td:last-child{text-align:right;padding-left:10px;width:58%}
.pdp .pdp-ch .pdp-pill{text-align:left}
.pdp .pdp-spec{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13.5px;margin:14px 0 0}
.pdp .pdp-spec dt{color:var(--steel)} .pdp .pdp-spec dd{font-weight:600}
.pdp a.pdp-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;padding:11px 16px;border-radius:4px;font-size:14px;line-height:1.3}
.pdp a.pdp-cta:hover,.pdp a.pdp-cta:focus{background:var(--red2);color:#fff}
.pdp-note{font-size:12.5px;color:var(--steel);margin-top:10px!important}

.pdp .pdp-more{margin-top:2px;border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:4px;font-weight:600;font-size:13.5px;color:var(--ink)}
.pdp .pdp-more:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.pdp .pdp-discl{margin-top:26px;font-size:12.5px;color:var(--steel);border-left:3px solid var(--red);padding-left:12px;max-width:760px;line-height:1.5}

/* responsywność wg szerokości kontenera (działa także w wąskiej kolumnie motywu) */
@container (max-width:880px){
  .pdp-wrap{grid-template-columns:minmax(0,1fr);gap:20px}
  .pdp-cond{position:static}
  .pdp-det{grid-template-columns:minmax(0,1fr);padding:4px 16px 18px 22px}
}
@container (max-width:500px){
  .pdp .pdp-mini{display:none}
  .pdp-side{padding-right:12px}
  .pdp-cond-h,.pdp-f{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){.pdp *{transition:none!important}}