/* Category context and individual product pages use the existing site layout. */
[data-category-intro] .lead { max-width: 90ch; margin: 0 0 26px; }
.pcard__body h2 a:hover, .pcard__body h2 a:focus-visible { text-decoration: underline; text-underline-offset: .15em; }
.product-page .crumbs a + a::before { content: "/"; margin-right: 8px; opacity: .5; }
.product-info p { max-width: 85ch; margin: 12px 0 20px; color: var(--fg-2); }
.product-info .btn { max-width: 100%; white-space: normal; }
.product-info .btn + h2 { margin-top: 32px; }
.product-info ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; padding: 0; margin: 12px 0 0; list-style: none; }
.product-info li a { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); }
.product-info li a:hover, .product-info li a:focus-visible { text-decoration: underline; }
@media (max-width: 760px) {
  .product-info ul { grid-template-columns: minmax(0, 1fr); }
}
/* The inherited footer's two columns overlap below 480px. */
@media (max-width: 480px) {
  .ft__in { grid-template-columns: minmax(0, 1fr); }
  .ft__in > div { min-width: 0; }
  .ft a { overflow-wrap: anywhere; }
}