/* PHOENiX CSS product-index - refactored */
:where(html[data-phx-page="products"]) .product-card{border:1px solid var(--phx-border);display:flex;flex-direction:column}:where(html[data-phx-page="products"]) .product-card:hover{box-shadow:0 10px 28px var(--phx-alpha-ink-12);transform:translateY(-2px)}:where(html[data-phx-page="products"]) .art{height:var(--phx-size-192);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--phx-surface-muted)}:where(html[data-phx-page="products"]) .art:after{content:"";position:absolute;width:var(--phx-size-224);height:var(--phx-size-24);border-radius:50%;background:var(--phx-alpha-ink-8);filter:blur(10px);bottom:var(--space-4)}:where(html[data-phx-page="products"]) .card-body{padding:var(--space-4) var(--space-4) var(--space-4);display:flex;flex-direction:column;flex:1}:where(html[data-phx-page="products"]) .kicker{font-size:var(--phx-font-xs);letter-spacing:1.1px;text-transform:uppercase;color:var(--phx-brand);font-weight:700;margin-bottom:var(--space-2)}:where(html[data-phx-page="products"]) .note{font-size:var(--phx-font-xs);color:var(--phx-text-muted);line-height:var(--phx-leading-body);margin-top:var(--space-4)}@media (max-width:950px){:where(html[data-phx-page="products"]) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){:where(html[data-phx-page="products"]) .grid{grid-template-columns:1fr}}@media (max-width:650px){:where(html[data-phx-page="products"]) .art{height:var(--phx-size-160)}}:where(html[data-phx-page="products"]) .product-title-link{color:inherit;text-decoration:none}:where(html[data-phx-page="products"]) .product-title-link:hover{color:var(--phx-brand)}:where(html[data-phx-page="products"]) .grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){:where(html[data-phx-page="products"]) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){:where(html[data-phx-page="products"]) .grid{grid-template-columns:1fr}}:where(html[data-phx-page="products"]) .product-details-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}:where(html[data-phx-page="products"]) .product-details-link:focus-visible{outline:3px solid var(--phx-brand);outline-offset:3px}:where(html[data-phx-page="products"]) main .product-card:hover .art.phx-synced-product-photo>img{transform:scale(1.025)}@media (max-width:640px){:where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo{height:var(--phx-size-256)}}:where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo{background:var(--phx-surface-subtle)!important;min-height:var(--phx-size-224);position:relative;display:block;padding:0;overflow:hidden;height:clamp(var(--phx-size-224),22vw,var(--phx-size-320))}:where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo>img{transition:transform .3s ease;position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;display:block;object-fit:cover;object-position:center center}@media (max-width:700px){:where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo{height:var(--phx-size-256)}}:where(html[data-phx-page="products"]) .phx-products-intro{margin:var(--space-5) 0 var(--space-6);padding:clamp(var(--space-5),4vw,var(--space-7));border-radius:var(--phx-radius-16);border:1px solid var(--phx-border);display:grid;grid-template-columns:1.7fr 1fr;gap:var(--space-6);align-items:center;color:var(--phx-text-strong)}:where(html[data-phx-page="products"]) .phx-products-label{font-size:var(--phx-font-xs);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--phx-brand)}:where(html[data-phx-page="products"]) .phx-products-intro h2,:where(html[data-phx-page="products"]) .phx-products-process h2{font-size:clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));line-height:var(--phx-leading-heading);letter-spacing:-.8px;margin:var(--space-3) 0 var(--space-3);color:var(--phx-heading-color)}:where(html[data-phx-page="products"]) .phx-products-intro p{font-size:var(--phx-font-sm);line-height:var(--phx-leading-reading);color:var(--phx-text-muted);margin:0;max-width:var(--phx-size-640)}:where(html[data-phx-page="products"]) .phx-products-intro-tags{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}:where(html[data-phx-page="products"]) .phx-products-intro-tags span{background:var(--phx-surface);border:1px solid var(--phx-border);padding:var(--space-3) var(--space-2);border-radius:var(--phx-radius-8);font-size:var(--phx-font-xs);font-weight:600;color:var(--phx-brand);text-align:center}:where(html[data-phx-page="products"]) main .product-card{border-radius:var(--phx-radius-12);border-color:var(--phx-border);box-shadow:0 2px 11px var(--phx-alpha-ink-4)}:where(html[data-phx-page="products"]) main .product-card:hover{box-shadow:0 13px 30px var(--phx-alpha-ink-12)}:where(html[data-phx-page="products"]) main .product-card .card-body{padding:var(--space-5)}:where(html[data-phx-page="products"]) main .product-card h3 a{color:var(--phx-heading-color);text-decoration:none}:where(html[data-phx-page="products"]) main .product-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}:where(html[data-phx-page="products"]) .phx-products-process{margin:var(--space-7) 0 var(--space-5);padding:clamp(var(--space-5),4vw,var(--space-7));border-radius:var(--phx-radius-16);border:1px solid var(--phx-border)}:where(html[data-phx-page="products"]) .phx-products-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}:where(html[data-phx-page="products"]) .phx-products-process-grid article{background:var(--phx-surface);padding:var(--space-4);border:1px solid var(--phx-border);border-radius:var(--phx-radius-12)}:where(html[data-phx-page="products"]) .phx-products-process-grid article span{font-size:var(--phx-font-xs);font-weight:800;color:var(--phx-text-muted)}:where(html[data-phx-page="products"]) .phx-products-process-grid h3{font-size:var(--phx-font-body);margin:var(--space-3) 0 var(--space-2);color:var(--phx-heading-color)}:where(html[data-phx-page="products"]) .phx-products-process-grid p{font-size:var(--phx-font-xs);line-height:var(--phx-leading-reading);color:var(--phx-text-muted);margin:0}:where(html[data-phx-page="products"]) .phx-products-process-cta{margin-top:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}:where(html[data-phx-page="products"]) .phx-products-process-cta p{font-size:var(--phx-font-xs);color:var(--phx-text-muted);line-height:var(--phx-leading-body);margin:0}:where(html[data-phx-page="products"]) .phx-products-process-cta a{background:var(--phx-text);color:var(--phx-surface);padding:var(--space-3) var(--space-4);text-decoration:none;border-radius:var(--phx-radius-8);font-size:var(--phx-font-xs);font-weight:700}:where(html[data-phx-page="products"]) .phx-products-process-cta a:hover{background:var(--phx-text-strong)}@media (max-width:950px){:where(html[data-phx-page="products"]) .phx-products-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-phx-page="products"]) .phx-products-intro{grid-template-columns:1fr}}@media (max-width:560px){:where(html[data-phx-page="products"]) .phx-products-process-grid{grid-template-columns:1fr}:where(html[data-phx-page="products"]) .phx-products-intro-tags{grid-template-columns:1fr 1fr}:where(html[data-phx-page="products"]) .phx-products-intro{margin-top:var(--space-4)}}:where(
  .home-products-grid,.phx-meter-cards,.phx-company-news-grid,
  .sustainability-grid,.ex-grid,.ex-quality-points,.ex-product-links,
  .mf-steps,.mf-tech-grid,.mf-gallery-grid,.mf-comparison-grid,
  .cp-duo,.cp-steps,.fd-steps,.fd-grid,.ex-process-grid,.ex-faq,
  .phx-expertise-crosslinks-grid,.phx-home-why-grid,.phx-fandeck-card-grid,
  .phx-dc-steps,.phx-chips-grid,.phx-display-types,.phx-special-types,
  .phx-products-process-grid,.location-grid,.past-grid,.phx-colorcharts-grid,
  .references-logo-grid,.references-value-row,.product-benefits,
  html[data-phx-page="products"] .grid
){gap:var(--phx-grid-gap)}:where(html[data-phx-page="products"]) main.wrap.section > .phx-products-intro + .grid{margin-block-start:var(--space-5)!important}html[data-phx-page="products"] main .product-card .kicker{text-transform:uppercase;margin-block:0 var(--phx-card-label-gap)}html[data-phx-page="products"] main .product-card h3{align-self:stretch;line-height:var(--phx-leading-subheading)}html[data-phx-page="products"] main .product-card .toggle{display:inline-flex;align-items:center;margin-block-start:auto;padding-block-start:var(--space-4)}