.pg-products .plq--sm { color: var(--black); } 
.pg-products .hero--page h1 { max-width: none; }
.pg-products .pg-intro > * + * { margin-top: 12px; }
.pg-products .pg-intro p:not(.t-lead) { max-width: 36em; }
.pg-products .pg-clean { display: flex; align-items: center; gap: 18px; margin-top: 20px; max-width: 40em; }
.pg-products .pg-clean img { flex: none; width: 88px; height: 88px; }
.pg-collage { margin: clamp(28px, 3.4vw, 44px) 0 0; }
.pg-legend { display: grid; grid-template-columns: repeat(var(--n, 10), minmax(0, 1fr)); column-gap: .68%; row-gap: 12px; margin-top: 12px; }
.pg-legend a { font: 700 13px/1.3 var(--f); padding: 0 4px; text-decoration: none; }
.pg-collage svg a { cursor: pointer; }
.pg-collage svg a image { transition: filter .2s ease; }
@media (hover: hover) {
  .pg-collage svg a:hover image { filter: brightness(1.1) saturate(1.1); }
  .pg-legend a:hover { text-decoration: underline; text-underline-offset: 3px; }
}
.pg-legend .grp { grid-row: 2; border-top: 6px solid var(--c); border-radius: 3px; padding: 8px 4px 0; font: 500 13px/1.2 var(--f); color: var(--green-dark); }
.pg-legend-m { display: none; margin-top: 12px; }
.pg-products .chip i { width: 14px; height: 12px; border-radius: 3px; background: var(--c); transform: skewX(-16deg); flex: none; }
.pg-products .chip[aria-pressed="true"] i { box-shadow: 0 0 0 1.5px var(--white); }
.pg-products .pg-hint { margin-top: 16px; min-height: 1.6em; }
.pg-products .pg-hint a { color: var(--black); font-weight: 700; }
.pg-products #cat { margin-top: 24px; }
.pg-products .prod .plq { line-height: 1.05; font-size: 19px; }
.pg-products .pg-bio-head { align-items: start; gap: 16px; }
.pg-products .pg-bio-head > p { color: var(--black); max-width: none; }
.pg-products .pg-bio .card { gap: 14px; }
.pg-products .pg-bio h3 { align-self: flex-start; }
.pg-products .pg-bio .pg-bio-sub { font: 700 20px/1.25 var(--f); letter-spacing: -0.01em; }
.pg-products .pg-bio dl { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); display: grid; gap: 4px; font-size: 15px; line-height: 1.45; }
.pg-products .pg-bio dt { font-weight: 700; font-size: 13px; color: var(--green-dark); }
.pg-products .pg-bio dd { margin: 0 0 8px; }
.pg-products .pg-bio dd a { font-weight: 700; text-underline-offset: 3px; }
.pg-products .pg-why-h { margin: 56px 0 20px; font-size: 24px; }
.pg-products .pg-why { list-style: none; padding: 0; gap: 12px 24px; }
.pg-products .pg-why li { border-top: 2px solid var(--black); padding-top: 14px; font-size: 15px; line-height: 1.5; }
.pg-products .pg-why b { display: block; font-size: 17px; margin-bottom: 6px; }
@media (max-width: 1100px) and (min-width: 701px) {
  .pg-products #cat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .pg-products .pg-sp { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pg-products .pg-sp b { font-size: 17px; }
}
@media (max-width: 900px) and (min-width: 701px) {
  .pg-products .pg-sp { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .pg-products .pg-sp a { grid-template-columns: 96px minmax(0, 1fr) 36px; gap: 1px 14px; padding: 8px 12px 8px 8px; align-items: center; }
  .pg-products .pg-sp img { grid-column: 1; grid-row: 1 / span 2; width: 96px; height: 64px; aspect-ratio: auto; margin: 0; border-radius: 12px; }
  .pg-products .pg-sp b, .pg-products .pg-sp small { grid-column: 2; }
  .pg-products .pg-sp i { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 900px) {
  .pg-legend { display: none; }
  .pg-legend-m { display: block; }
  .pg-products .pg-collage .frame--d { display: none; }
  .pg-products .pg-collage .frame--m { display: block; }
}
@media (max-width: 700px) {
  .pg-products .pg-clean { gap: 14px; }
  .pg-products .pg-clean img { width: 72px; height: 72px; }
  .pg-products .pg-bio { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--gut) * -1); padding: 0 var(--gut) 6px; scroll-padding-inline: var(--gut); scrollbar-width: none; }
  .pg-products .pg-bio .card { scroll-snap-align: start; }
  .pg-products .pg-why-h { margin-top: 40px; font-size: 20px; }
}
.pg-anchor { display: block; height: 0; }