/* Approved source: hengyangbuy.com/Product?cid=66, category content area.
 * Scope: native WooCommerce category pages; PHOSLENS header/footer are separate.
 */
.phoslens-ref-catalog {
  background: #f5f5f5;
  color: #666;
  font-family: 'Noto Sans SC', -apple-system, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.phoslens-ref-catalog *, .phoslens-ref-catalog *::before, .phoslens-ref-catalog *::after { box-sizing: border-box; }
.phoslens-ref-catalog a { color: #666; text-decoration: none; cursor: pointer; }
.phoslens-ref-catalog a:hover { color: #333; }
.phoslens-ref-catalog a:focus-visible { outline: 2px solid #1d7dc2; outline-offset: 3px; }
.phoslens-ref-container { width: 100%; max-width: 1470px; padding: 0 15px; margin: 0 auto; }
.phoslens-ref-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; padding: 40px 0 30px; font-size: 16px; }
.phoslens-ref-breadcrumb a, .phoslens-ref-breadcrumb span { font: inherit; }
.phoslens-ref-breadcrumb > span[aria-hidden] { color: #999; }
.phoslens-ref-breadcrumb > span[aria-current] { color: #333; }
.phoslens-ref-layout { display: flex; justify-content: space-between; align-items: stretch; }
.phoslens-ref-sidebar { width: 300px; min-width: 0; background: #fff; border-radius: 10px 10px 0 0; }
.phoslens-ref-sidebar h2 { margin: 0; padding: 20px; border-radius: 10px 10px 0 0; background: #333; color: #fff; font: 400 16px/1.5 'Noto Sans SC', -apple-system, Arial, sans-serif; overflow-wrap: anywhere; }
.phoslens-ref-sidebar ul { margin: 0; padding: 0; list-style: none; }
.phoslens-ref-sidebar li { margin: 0; padding: 0; border-bottom: 1px solid #f5f5f5; }
.phoslens-ref-sidebar a { display: block; min-height: 60px; padding: 20px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.phoslens-ref-sidebar a[aria-current] { color: #1d7ec3; }
.phoslens-ref-content { width: 80%; min-width: 0; margin-left: 20px; padding-left: 20px; }
.phoslens-ref-content h1 { margin: 0; color: #1d7dc2; font: 700 24px/1.2 'Noto Sans SC', -apple-system, Arial, sans-serif; overflow-wrap: anywhere; }
.phoslens-ref-cards { display: grid; grid-template-columns: repeat(auto-fill, 250px); column-gap: 30px; margin-top: 40px; }
.phoslens-ref-card { display: flex; flex-direction: column; width: 250px; min-width: 0; text-align: center; }
.phoslens-ref-card img, .phoslens-ref-card-placeholder { display: block; width: 250px; height: 250px; max-width: 100%; object-fit: contain; border-radius: 2px; margin: 0 0 10px; }
.phoslens-ref-card-placeholder { background: #fff; }
.phoslens-ref-card h2 { margin: 0 0 16px; color: inherit; font: 700 17px/1.5 'Noto Sans SC', -apple-system, Arial, sans-serif; overflow-wrap: anywhere; }
.phoslens-ref-empty { margin: 40px 0; min-height: 220px; color: #666; font-size: 16px; }
@media (max-width: 768px) {
  .phoslens-ref-layout { display: block; }
  .phoslens-ref-sidebar { width: 100%; margin-bottom: 24px; }
  .phoslens-ref-sidebar a { font-size: 16px; }
  .phoslens-ref-content { width: 100%; margin: 0; padding: 0; }
  .phoslens-ref-cards { grid-template-columns: minmax(0, 1fr); }
  .phoslens-ref-card { width: 100%; }
  .phoslens-ref-card img, .phoslens-ref-card-placeholder { width: 100%; height: auto; aspect-ratio: 1; padding: 15px; background: #fff; }
  .phoslens-ref-card h2 { margin-bottom: 18px; }
  .phoslens-ref-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Native root31 overview, matching the source category introduction placement. */
.phoslens-ref-intro { margin-top: 40px; font-size: 16px; line-height: 1.5; }
.phoslens-ref-intro p { margin: 0; }

/* PHOSLENS category editorial: native content, scoped to navigation hubs. */
.phoslens-category-lead { margin-top: 18px; max-width: 78ch; color: #34465c; line-height: 1.7; }
.phoslens-category-lead p + p { margin-top: 12px; }
.phoslens-category-selection { margin: 36px 0 20px; padding: 26px; border: 1px solid #d6e2ef; border-radius: 8px; background: #fff; color: #34465c; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.phoslens-category-selection h2 { margin: 0 0 16px; color: #10243e; font-size: 21px; line-height: 1.4; }
.phoslens-category-selection ul { margin: 0; padding-left: 22px; }
.phoslens-category-selection li + li { margin-top: 12px; }
.phoslens-category-selection p { margin: 18px 0 0; }
.phoslens-category-selection a { color: #006ca4; text-decoration: underline; text-underline-offset: 3px; }
.phoslens-category-selection a:hover { color: #004a73; }
.phoslens-category-selection a:focus-visible { outline: 2px solid #006ca4; outline-offset: 4px; }
@media (max-width: 768px) {
 .phoslens-category-selection { padding: 20px; margin-top: 28px; }
 .phoslens-category-selection h2 { font-size: 20px; }
 .phoslens-category-selection a { display: inline-block; min-height: 44px; }
}