/* Additional apps extend the official portfolio without replacing its visual system. */
.product-picker{display:flex;max-width:54rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:1rem;padding:.1rem .1rem .75rem;scrollbar-width:thin}
.product-picker .product-picker__card{flex:0 0 min(26rem,calc(100vw - 2rem));min-width:min(26rem,calc(100vw - 2rem));max-width:min(26rem,calc(100vw - 2rem));scroll-snap-align:start}
.product-picker::-webkit-scrollbar{height:6px}
.product-picker::-webkit-scrollbar-thumb{background:var(--halpin-line);border-radius:999px}
.product-picker__select{gap:.75rem;padding-left:.85rem}
.product-picker picture{display:flex;flex:0 0 auto}
.post-header--app picture{display:flex;flex:0 0 auto}
.product-picker .product-showcase__app-name{font-size:1rem}
.product-picker .product-showcase__app-meta{font-size:.75rem;white-space:nowrap}
.product-picker [data-product-card="shiguang"].is-selected{border-color:#087bff;box-shadow:0 0 0 1px #087bff}
[data-product-card="shiguang"].is-selected .product-picker__state::before{color:#087bff}
[data-product-panel="shiguang"] .product-showcase__dot.is-active::after{background:#087bff}
.product-picker [data-product-card="ifit"].is-selected{border-color:#3977f6;box-shadow:0 0 0 1px #3977f6}
[data-product-card="ifit"].is-selected .product-picker__state::before{color:#3977f6}
[data-product-panel="ifit"] .product-showcase__dot.is-active::after{background:#3977f6}
@media(max-width:900px){
  .product-picker{max-width:100%;gap:.65rem}
  .product-picker__select{flex-direction:row;align-items:center;padding:.8rem 0 .8rem 1rem;gap:.85rem}
  .product-picker .product-showcase__icon{width:48px;height:48px;border-radius:12px}
  .product-picker .product-showcase__app-name{font-size:1rem}
  .product-picker .product-showcase__app-meta{font-size:.75rem}
  .product-picker__detail{flex-basis:44px;margin:0 .65rem;border-left:1px solid var(--halpin-line)}
}