.products-nav{position:relative;color:var(--navy)}
.products-nav summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;padding:12px 0;user-select:none}
.products-nav summary::-webkit-details-marker{display:none}
.products-nav summary span{display:inline-block;transition:transform .15s}
.products-nav[open] summary span{transform:rotate(180deg)}
.products-nav summary:hover,.products-nav[open] summary{color:var(--teal)}
.products-nav summary:focus-visible,.products-menu a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.products-menu{position:absolute;top:100%;left:0;width:325px;max-width:calc(100vw - 32px);max-height:65vh;overflow-y:auto;background:#fff;border:1px solid #dbe5ea;border-top:3px solid var(--teal);box-shadow:0 12px 30px #09345620;padding:8px;z-index:100;text-align:left}
nav .products-menu a{display:block;padding:13px 15px;color:var(--navy);font-size:14px;line-height:1.45;font-weight:500;text-decoration:none}
nav .products-menu a:hover,nav .products-menu a:focus-visible{background:var(--pale);color:var(--teal)}
nav .products-menu a:last-child{border-top:1px solid #dbe5ea;margin-top:6px;font-weight:700;color:var(--teal)}
@media(max-width:850px){nav .products-menu a:not(.button){display:block}.products-menu{left:auto;right:0}nav{gap:16px}.nav{gap:16px}.products-nav summary{font-size:13px}}
@media(max-width:460px){.nav{padding:16px;gap:10px}.logo{width:120px}nav{gap:10px}nav .button{font-size:11px;padding:10px}.products-nav summary{font-size:12px;gap:4px}.products-menu{position:fixed;left:16px;right:16px;top:76px;width:auto;max-width:none}}
@media(prefers-reduced-motion:reduce){.products-nav summary span{transition:none}}