/* jx-product-subnav: reusable sticky product sub-nav under the main navbar. Markup: scripts/products/subnav.py */
.jx-psub{position:sticky;top:var(--jx-nav-h,76px);z-index:10040;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e7e2f3;box-shadow:0 6px 18px -14px rgba(18,10,36,.35);font-family:"DM Sans",Arial,sans-serif}
.jx-psub-in{max-width:var(--jx-col,1120px);margin:0 auto;padding:0 var(--jx-gutter,clamp(20px,4vw,40px));display:flex;align-items:center;gap:12px;height:56px}
.jx-psub-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-weight:700;font-size:17px;color:#120A24!important;text-decoration:none;white-space:nowrap;padding-right:14px;margin-right:2px;border-right:1px solid #e7e2f3}
.jx-psub-brand img{width:26px;height:26px;display:block}
.jx-psub-links{display:flex;align-items:stretch;gap:2px;flex:1 1 auto;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.jx-psub-links::-webkit-scrollbar{display:none}
.jx-psub-links a{display:flex;align-items:center;padding:0 12px;color:#5b5470!important;text-decoration:none;white-space:nowrap;font-size:15px;font-weight:500;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.jx-psub-links a:hover{color:#120A24!important}
.jx-psub-links a.is-active{color:#120A24!important;font-weight:700;border-bottom-color:#6C3CE1}
.jx-psub-cta{flex:0 0 auto;background:#6C3CE1;color:#fff!important;font-weight:700;font-size:14.5px;line-height:1;padding:11px 18px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .2s}
.jx-psub-cta:hover{background:#7C3AED}
@media (max-width:600px){.jx-psub-in{gap:8px;height:52px}.jx-psub-brand span{display:none}.jx-psub-brand{padding-right:8px}.jx-psub-links a{padding:0 9px;font-size:14.5px}.jx-psub-cta{padding:9px 12px;font-size:13.5px}}
