.ph{position:relative;padding:clamp(58px,8vw,104px) 0 clamp(38px,5vw,60px);overflow:hidden;border-bottom:1px solid var(--line-soft)}
.ph__in{position:relative;z-index:1;max-width:800px}
.crumb{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);margin-bottom:1.4rem;display:flex;gap:.55rem;align-items:center}
.crumb a:hover{color:var(--fog)}
.filters{
  position:sticky;top:74px;z-index:60;background:rgba(8,8,10,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);padding:1rem 0;
}
.filters__in{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.filters__label{font-family:var(--f-mono);font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);flex:none}
.fbar{display:flex;gap:.45rem;flex-wrap:wrap}
.fbtn{
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.5rem .9rem;border-radius:100px;border:1px solid var(--line);background:transparent;
  color:var(--mist);cursor:pointer;transition:.28s var(--ease);white-space:nowrap;
}
.fbtn:hover{border-color:var(--fog);color:var(--white)}
.fbtn[aria-pressed="true"]{background:var(--white);border-color:var(--white);color:var(--ink);font-weight:600}
.fcount{margin-left:auto;font-family:var(--f-mono);font-size:.68rem;color:var(--steel);letter-spacing:.1em}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.9vw,24px)}
.pcard{display:flex;flex-direction:column;padding:0;scroll-margin-top:160px}
.pcard.is-hidden{display:none}
.pcard .vtile{aspect-ratio:4/3.4}
.pcard__body{padding:1.5rem 1.5rem 1.65rem;display:flex;flex-direction:column;flex:1}
.pcard__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.7rem}
.pcard h3{font-size:1.14rem}
.pcard p{font-size:.91rem;color:var(--mist);flex:1}
.pcard__specs{list-style:none;margin:1.25rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--line-soft);display:grid;gap:.55rem}
.pcard__specs li{display:flex;gap:.55rem;align-items:center;font-family:var(--f-mono);font-size:.665rem;letter-spacing:.09em;text-transform:uppercase;color:var(--steel)}
.pcard__specs li svg{color:var(--fog);flex:none}
.pcard__acts{display:flex;gap:.55rem;margin-top:1.35rem}
.pcard__acts .btn{flex:1}
.empty{text-align:center;padding:4rem 1rem;color:var(--steel);font-family:var(--f-mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.note{border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem 1.6rem;background:var(--graphite);display:flex;gap:1.1rem;align-items:flex-start}
.note svg{flex:none;margin-top:.2rem;color:var(--fog)}
.note p{margin:0;font-size:.89rem;color:var(--mist)}
@media (max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr)}.filters{top:0}}
@media (max-width:640px){.pgrid{grid-template-columns:1fr}.fcount{display:none}}

/* ---- catalog pricing ---- */
.pcard__price{margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid var(--line-soft);display:grid;gap:.55rem}
.pcard__price .price{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.pcard__price span{font-family:var(--f-mono);font-size:.665rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.pcard__price b{font-family:var(--f-display);font-size:1.22rem;font-weight:600;letter-spacing:-.03em;color:var(--white);line-height:1}