.services-name-button{cursor:pointer;font-family:inherit}.services-wrap:hover .services-menu:not(.open),.services-wrap:focus-within .services-menu:not(.open){display:none}.services-name-button:focus-visible{outline:2px solid #75cbff;outline-offset:3px}.services-menu.open{display:flex}.xs-products-aside h2 a{display:inline-flex;flex-direction:column;align-items:center}.xs-products-aside h2 a:hover{filter:brightness(.9)}
/* Approved 2026-10-17: right-align the five desktop navigation tabs next to Get a Quote.
   Leave the responsive dropdown layout unchanged at tablet/mobile sizes. */
@media (min-width: 931px) {
  .header .nav {
    flex: 0 1 auto;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: clamp(18px, 2.4vw, 34px);
  }
}

/* Gap 3: mouse hover and keyboard focus reveal all 6 services; clicking still works. */
@media (min-width:931px) and (hover:hover) {
 .services-wrap:hover .services-menu:not(.open),
 .services-wrap:focus-within .services-menu:not(.open) {display:flex;}
 .services-wrap::after {content:"";position:absolute;left:-10px;right:-10px;top:100%;height:13px;}
}