.product-hub-anchor { display: block; height: 0; scroll-margin-top: 112px; }
.product-hub-explorer { padding: 42px 0 48px; border-block: 1px solid #dbe3c8; background: #f8f8f2 !important; }
.product-hub-explorer * { box-sizing: border-box; }
.product-hub-explorer__head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.product-hub-explorer__head span { display: block; margin-bottom: 8px; color: #718b2f; font-size: 11px; font-weight: 800; letter-spacing: 0; }
.product-hub-explorer__head h2 { margin: 0; color: #173b2b; font-size: 30px; line-height: 1.1; letter-spacing: 0; }
.product-hub-explorer__head p { max-width: 440px; margin: 0; color: #657067; font-size: 14px; line-height: 1.55; text-align: right; }
.product-hub-explorer__track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(190px, 1fr); gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scroll-snap-type: x proximity; padding-bottom: 6px; }
.product-hub-explorer__item { min-height: 126px; padding: 18px; border: 1px solid #d6dfc0; border-radius: 6px; background: #fff; color: #173b2b; text-decoration: none; scroll-snap-align: start; transition: border-color .2s ease, background-color .2s ease, transform .2s ease; }
.product-hub-explorer__item:hover { transform: translateY(-2px); border-color: #8ba53f; background: #f3f6e8; }
.product-hub-explorer__item.is-active { border-color: #728c31; background: #eaf0d6; box-shadow: inset 0 3px #728c31; }
.product-hub-explorer__item span { display: block; margin-bottom: 12px; color: #728c31; font-size: 11px; font-weight: 800; }
.product-hub-explorer__item strong { display: block; min-height: 40px; margin-bottom: 14px; font-size: 14px; line-height: 1.4; }
.product-hub-explorer__item small { display: block; color: #657067; font-size: 11px; font-weight: 700; }
body.is-product-hub-loading main#main { opacity: .55; pointer-events: none; }
main#main { transition: opacity .16s ease; }

@media (max-width: 760px) {
  .product-hub-explorer { padding: 34px 0 38px; }
  .product-hub-explorer .container { width: min(100% - 32px, 1380px); }
  .product-hub-explorer__head { display: block; }
  .product-hub-explorer__head p { margin-top: 12px; text-align: left; }
  .product-hub-explorer__track { grid-auto-columns: minmax(250px, 78vw); }
  .product-hub-explorer__item { min-height: 118px; }
}

@media (prefers-reduced-motion: reduce) {
  .product-hub-explorer__item,
  main#main { transition: none; }
}