/* Products and contact pages. Builds on .we2 and .ec components. */
.pc-find__body{background:#fff;padding:16px;display:grid;gap:12px;min-height:350px;align-content:start}.pc-find__q{font-weight:600}
.pc-find__opts{display:flex;flex-wrap:wrap;gap:8px}.pc-find__opts button{padding:9px 14px;border:1px solid #b9c3d3;background:#fff;font:600 13.5px var(--font-sans);cursor:pointer;color:var(--ink);transition:all .2s}.pc-find__opts button:hover{border-color:var(--ink)}.pc-find__opts button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.pc-find__res{border:1px solid var(--line);border-left:4px solid var(--blue);background:#f6f9ff;padding:16px 18px;display:grid;gap:8px;align-content:start;animation:pc-in .3s}@keyframes pc-in{from{opacity:0;transform:translateY(8px)}}
.pc-find__k{font:600 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.pc-find__res h3{font-size:22px}.pc-find__res p{color:var(--ink2);font-size:15px}.pc-find__res .we2-btn{justify-self:start}.pc-find__also{font-size:13.5px!important}.pc-find__also a{color:var(--blue);font-weight:600}
.pc-bar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:6px}
.pc-search{flex:0 1 320px}.pc-search input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--ink);background:#fff;font:400 16px var(--font-sans);color:var(--ink);border-radius:0}.pc-search input:focus{outline:none;box-shadow:0 0 0 3px rgba(82,168,255,.3);border-color:var(--blue)}
.pc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pc-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}.pc-chips button{padding:8px 14px;border:1px solid var(--line);background:#fff;font:600 13px var(--font-sans);cursor:pointer;color:var(--ink);transition:all .2s}.pc-chips button:hover{border-color:var(--ink)}.pc-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.pc-count{margin:12px 0;font-size:14px;color:var(--mute);min-height:1.4em}
.pc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pc-grid{grid-template-columns:1fr}}
.pc-card[hidden]{display:none}
.pc-card__a{display:grid;gap:6px;align-content:start;height:100%;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;padding:0 0 16px;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}
.pc-card__a:hover{border-color:var(--blue);box-shadow:0 18px 36px -26px rgba(82,168,255,.55);transform:translateY(-3px)}
.pc-card__img{display:block;background:#f3f6fa;border-bottom:1px solid var(--line);margin-bottom:8px;aspect-ratio:16/9;overflow:hidden}.pc-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.pc-card__a:hover img{transform:scale(1.04)}
.pc-card__k{font:500 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);padding-inline:16px}.pc-card__a b{font-size:19px;padding-inline:16px}.pc-card__s{color:var(--ink2);font-size:14.5px;padding-inline:16px}.pc-card__a i{font-style:normal;font-weight:600;font-size:14px;color:var(--blue);padding-inline:16px;margin-top:4px}
.pc-empty{text-align:center;padding:40px 16px;border:1px dashed #b9c3d3;display:grid;gap:10px;justify-items:center}.pc-empty h3{font-size:22px}.pc-empty p{color:var(--ink2)}
.pc-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pc-path{display:grid;gap:6px;align-content:start;padding:22px;border:1px solid var(--line);background:#fff;text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,box-shadow .25s}.pc-path:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(82,168,255,.55)}
.pc-path svg{width:100%;max-width:140px;height:auto;margin-bottom:6px}.pc-path b{font-size:19px}.pc-path span{color:var(--ink2);font-size:15px}.pc-path i{font-style:normal;font-weight:600;color:var(--blue);margin-top:4px}
@media (min-width:1001px) and (min-height:700px){.pc[data-pc=products] #catalogue{min-height:calc(100svh - 70px)}}
/* contact — dark, compact */
.page-contact{background:#000;color:#e7edf5}
.page-contact #main{background:#000}
.pc--contact.we2{
  --ink:#e7edf5;
  --ink2:#c3c9d1;
  --mute:#8b95a5;
  --line:rgba(255,255,255,.14);
  --mist:#0a1018;
  --paper:#000;
  --gr:#05080d;
  --gr2:#0a1018;
  background:#000;
  color:var(--ink);
}
.pc-contact{
  padding-block:clamp(20px,3vh,36px) clamp(28px,4vh,48px);
  background:#000;
  min-height:0;
}
.pc-contact__grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(20px,3vw,40px);
  align-items:start;
}
.pc-contact .we2-eyebrow{margin-bottom:8px}
.pc-contact h1{
  font-size:clamp(28px,3.4vw,42px);
  margin:0 0 10px;
  letter-spacing:-.02em;
  color:#fff;
}
.pc-contact .we2-lead{
  margin:0;
  font-size:clamp(15px,1.3vw,17px);
  color:var(--ink2);
  max-width:36rem;
}
.pc-next{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  counter-reset:n;
  display:grid;
  border-top:1px solid var(--line);
}
.pc-next li{
  counter-increment:n;
  display:grid;
  gap:2px;
  padding:12px 0 12px 40px;
  border-bottom:1px solid var(--line);
  position:relative;
}
.pc-next li::before{
  content:"0" counter(n);
  position:absolute;
  left:0;
  top:12px;
  font:600 12px var(--font-mono);
  color:var(--blue);
}
.pc-next b{font-size:15px;color:#fff}
.pc-next span{color:var(--ink2);font-size:14px}
.pc-facts{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:grid;
  gap:6px;
}
.pc-facts li{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--ink2)}
.pc-facts b{font:600 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);min-width:150px}
.pc-facts a{color:var(--blue);font-weight:600;text-decoration:none}
.pc-facts a:hover{text-decoration:underline;color:#7ec4ff}
.pc-form{
  background:#05080d;
  border:1px solid var(--line);
  box-shadow:none;
  padding:clamp(16px,2.4vw,24px);
}
.pc-form form{display:grid;gap:12px}
.pc-topics{border:0;padding:0;margin:0;min-width:0}
.pc-topics legend{
  font:600 12px var(--font-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--mute);
  margin-bottom:8px;
  padding:0;
}
.pc-topics__g{display:flex;flex-wrap:wrap;gap:8px}
.pc--contact .pc-topics__g button,
.pc .pc-topics__g button{
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.18);
  background:#000;
  font:600 13px var(--font-sans);
  cursor:pointer;
  color:#c8d2de;
  opacity:1;
  text-shadow:none;
  transition:border-color .2s,background .2s,color .2s;
}
.pc--contact .pc-topics__g button:hover,
.pc .pc-topics__g button:not([aria-pressed=true]):hover{
  border-color:rgba(82,168,255,.45);
  background:rgba(82,168,255,.06);
  color:#fff;
}
.pc--contact .pc-topics__g button[aria-pressed=true],
.pc .pc-topics__g button[aria-pressed=true]{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
.pc-form label{
  display:grid;
  gap:6px;
  font:600 12px var(--font-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--mute);
}
.pc-form input,
.pc-form textarea{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  background:#000;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  font:400 16px var(--font-sans);
  border-radius:0;
  text-transform:none;
  letter-spacing:0;
}
.pc-form textarea{resize:vertical;min-height:110px}
.pc-form input::placeholder,
.pc-form textarea::placeholder{color:#5c6670}
.pc-form input:focus,
.pc-form textarea:focus{
  border-color:var(--blue);
  outline:none;
  box-shadow:0 0 0 2px rgba(82,168,255,.2);
}
.pc-form [aria-invalid=true]{border-color:#c62828}
.pc-form .we2-btn{justify-content:center;width:100%}
.pc-form .we2-btn[disabled]{opacity:.6;cursor:progress}
.pc--contact .we2-form__err{color:#ff8a80}
.pc--contact .we2-form__legal{color:var(--mute);margin:0}
.pc--contact .we2-form__legal a{color:var(--blue)}
.pc--contact .we2-done{
  background:#05080d;
  border:1px solid var(--line);
  padding:24px;
  color:#e7edf5;
}
.pc--contact .we2-done h3{color:#fff;margin-bottom:8px}
.pc--contact .we2-done a{color:var(--blue)}
.pc--contact .we2-f2{gap:12px}
@media (max-width:1000px){
  .pc-contact__grid,.pc-paths{grid-template-columns:minmax(0,1fr)}
  .pc-contact{min-height:0;padding-block:18px 28px}
}
@media (max-width:760px){.pc-facts b{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){.pc *{animation:none!important;transition:none!important}}
/* specificity guards against site-wide button styles (non-contact pc pages stay light) */
.pc:not(.pc--contact) .pc-find__opts button,
.pc:not(.pc--contact) .pc-chips button,
.pc:not(.pc--contact) .pc-topics__g button{background:#fff;color:var(--ink);opacity:1;text-shadow:none}
.pc:not(.pc--contact) .pc-find__opts button[aria-selected=true],
.pc:not(.pc--contact) .pc-chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pc:not(.pc--contact) .pc-topics__g button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}
.pc:not(.pc--contact) .pc-find__opts button:not([aria-selected=true]):hover,
.pc:not(.pc--contact) .pc-chips button:not([aria-pressed=true]):hover,
.pc:not(.pc--contact) .pc-topics__g button:not([aria-pressed=true]):hover{background:#f3f6fa;color:var(--ink)}