.product-nav-bar{position:sticky;top:57px;z-index:19;border-top:1px solid rgba(233,226,232,.72);border-bottom:1px solid var(--line);background:rgba(250,248,250,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.product-nav{display:flex;align-items:stretch;width:min(1180px,100%);margin:0 auto;padding:0 24px;overflow-x:auto;scrollbar-width:none}
.product-nav::-webkit-scrollbar{display:none}
.product-nav-link{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:0 22px;border-left:1px solid var(--line);white-space:nowrap;transition:background .18s ease,color .18s ease}
.product-nav-link:last-child{border-right:1px solid var(--line)}
.product-nav-link:hover{background:#fff}
.product-nav-link span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#9a8f98}
.product-nav-link strong{font-size:14px;letter-spacing:-.01em}
.product-nav-link::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:#2a252b;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.product-nav-link:hover::after{transform:scaleX(1)}
@media(max-width:760px){.product-nav-bar{top:53px}.product-nav{padding:0 16px}.product-nav-link{min-height:52px;padding:0 16px;gap:7px}.product-nav-link span{font-size:8px}.product-nav-link strong{font-size:12px}.product-nav-link::after{left:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.product-nav-link,.product-nav-link::after{transition:none}}