.pp-filter-catalog .pp-category-active .pp-element-tile { opacity:1; }
.pp-filter-catalog .pp-category-active .pp-category-match { border-color:var(--pp-line); }
.pp-catalog-filters button[aria-pressed="true"] { background:var(--pp-panel-2,var(--pp-panel)); box-shadow:inset 0 -3px var(--legend-color); }
/* Keep long compound names below the vial on narrow trial cards. */
.pp-filter-catalog .pp-product-card .pp-card-vial { top:28px; height:72px; }
.pp-filter-catalog .pp-product-card .pp-element-name { margin-top:12px; overflow-wrap:anywhere; }
.pp-filter-catalog .pp-product-grid .pp-product-card { display:grid; grid-template-columns:minmax(0,1fr) 58px; grid-template-rows:auto 72px auto auto auto; align-content:start; }
.pp-filter-catalog .pp-product-card .pp-element-top { grid-column:1/-1; }
.pp-filter-catalog .pp-product-card .pp-element-symbol { grid-column:1; grid-row:2; margin:0; padding:0; align-self:center; }
.pp-filter-catalog .pp-product-card .pp-card-vial { position:static; grid-column:2; grid-row:2; width:58px; height:72px; align-self:center; }
.pp-filter-catalog .pp-product-card .pp-element-name { grid-column:1/-1; grid-row:3; }
.pp-filter-catalog .pp-product-card .pp-element-family { grid-column:1/-1; grid-row:4; }
.pp-filter-catalog .pp-product-card .pp-element-category { grid-column:1/-1; grid-row:5; }

/* Catalog toolbar: search left / sort right; mobile count and sort below search. */
.pp-collection-tools { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px 24px; }
.pp-collection-tools > label:first-child { grid-column:1; grid-row:1; min-width:0; }
.pp-collection-tools #pp-compound-search { max-width:100%; }
.pp-collection-tools #pp-collection-count { grid-column:1; grid-row:2; margin:0; }
.pp-collection-tools .pp-sort-label { grid-column:2; grid-row:1; }
#pp-compound-sort { min-height:48px; max-width:100%; padding:10px 32px 10px 12px; border:1px solid #536b7c; border-radius:4px; color:var(--pp-ink); background:#172b3a; font:400 14px "Geist",sans-serif; color-scheme:dark; }
.pp-light #pp-compound-sort { background:#fff; border-color:#91adb4; color-scheme:light; }
#pp-compound-sort:focus-visible { outline:2px solid var(--pp-accent); outline-offset:2px; }
@media(max-width:680px) {
 .pp-collection-tools { gap:12px; }
 .pp-collection-tools > label:first-child { grid-column:1/-1; }
 .pp-collection-tools #pp-collection-count { align-self:center; min-width:0; }
 .pp-collection-tools .pp-sort-label { grid-column:2; grid-row:2; gap:4px; }
 #pp-compound-sort { width:148px; font-size:16px; padding-left:8px; padding-right:20px; }
}

/* Clear hero-to-catalog transition; repeated hero RUO copy omitted here only. */
.home .pp-approved-hero-ruo,.home .pp-brand-hero-ruo{display:none}
.home #collection.pp-home-collection{padding-top:30px;scroll-margin-top:100px}
.home #collection .pp-home-collection-head{margin:0 0 18px;padding-top:2px}
.home #collection .pp-home-collection-head .pp-section-title{font:650 clamp(30px,4vw,44px)/1.12 "Geist",Arial,sans-serif;letter-spacing:-.035em;color:var(--pp-ink);margin:0}
.home #collection .pp-catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0}
.home #collection .pp-catalog-filters button{min-height:44px;padding:9px 13px;border:1px solid var(--pp-line);border-radius:8px;background:transparent;color:var(--pp-ink);box-shadow:none;font:500 14px/1.2 "Geist",Arial,sans-serif;text-transform:none;letter-spacing:0}
.home #collection .pp-catalog-filters button[aria-pressed="true"]{background:color-mix(in srgb,var(--pp-accent) 10%,var(--pp-panel));border-color:var(--pp-accent);box-shadow:inset 0 -2px var(--pp-accent);font-weight:650}
.home #collection .pp-catalog-filters button:focus-visible{outline:2px solid var(--pp-accent);outline-offset:3px}
.home #collection .pp-collection-tools{margin:0 0 22px;gap:10px 20px}
.home #collection .pp-collection-tools label{font:500 12px/1.4 "Geist",Arial,sans-serif;color:var(--pp-muted);letter-spacing:0}
.home #collection #pp-compound-search{border-radius:8px;min-height:48px;font:400 16px/1.4 "Geist",Arial,sans-serif}
.home #collection #pp-compound-sort{border-radius:8px;min-height:44px}
@media(max-width:600px){.home #collection.pp-home-collection{padding-top:24px}.home #collection .pp-home-collection-head{margin-bottom:16px}.home #collection .pp-catalog-filters{gap:7px;margin-bottom:18px}.home #collection .pp-catalog-filters button{padding:9px 11px;font-size:13px}}

/* Category selections inherit the same color families as the product cards. */
.home #collection .pp-catalog-filters button{--filter-accent:var(--pp-accent);border-width:2px;box-shadow:none}
.home #collection .pp-catalog-filters button[data-filter="structural"]{--filter-accent:var(--pp-accent)}
.home #collection .pp-catalog-filters button[data-filter="emerging"]{--filter-accent:var(--pp-copper)}
.home #collection .pp-catalog-filters button[data-filter="signaling"]{--filter-accent:var(--pp-mint)}
.home #collection .pp-catalog-filters button[data-filter="copper"]{--filter-accent:var(--pp-violet)}
.home.pp-light #collection .pp-catalog-filters button{--filter-accent:#16bfd0}
.home.pp-light #collection .pp-catalog-filters button[data-filter="emerging"]{--filter-accent:#ed9b80}
.home.pp-light #collection .pp-catalog-filters button[data-filter="signaling"]{--filter-accent:#36c99b}
.home.pp-light #collection .pp-catalog-filters button[data-filter="copper"]{--filter-accent:#a486ed}
.home #collection .pp-catalog-filters button[aria-pressed="true"]{background:color-mix(in srgb,var(--filter-accent) 10%,var(--pp-panel));border-color:var(--filter-accent);box-shadow:none;color:var(--pp-ink)}
.home #collection .pp-catalog-filters button:focus-visible{outline-color:var(--filter-accent)}
.home #collection .pp-catalog-filters button .pp-legend-dot{background:var(--filter-accent);box-shadow:none}
.home #collection .pp-catalog-filters li{border:0;background:none;box-shadow:none;padding:0}

/* Label-sampled warm yellow identifies the overlapping Blends filter. */
.pp-filter-catalog { --pp-blend: #edcb69; }
.home #collection .pp-catalog-filters button[data-filter="blends"],
.home.pp-light #collection .pp-catalog-filters button[data-filter="blends"] { --filter-accent: #edcb69; }
.home.pp-light #collection .pp-catalog-filters button[data-filter="blends"][aria-pressed="true"] {
  color:#102a36;
  background:color-mix(in srgb,#edcb69 22%,white);
  border-color:color-mix(in srgb,#edcb69 80%,#8c6b10);
}

/* Keep filter highlights matched to the hero-aligned card accents. */
.home.pp-light #collection .pp-catalog-filters button { --filter-accent:#26c6cc; }
.home.pp-light #collection .pp-catalog-filters button[data-filter="signaling"] { --filter-accent:#36c9aa; }
.home.pp-light #collection .pp-catalog-filters button[data-filter="emerging"] { --filter-accent:#ed9b80; }
.home.pp-light #collection .pp-catalog-filters button[data-filter="copper"] { --filter-accent:#a486ed; }
.home.pp-light #collection .pp-catalog-filters button[data-filter="blends"] { --filter-accent:#edcb69; }