.nav-product{position:static;display:flex;align-items:center;align-self:stretch}
.nav-product-main{display:flex;align-items:center;gap:7px}
.nav-product-link{display:inline-flex;align-items:center;padding:10px 0;color:inherit!important;text-decoration:none;font:inherit;font-size:12px;font-weight:600;letter-spacing:.01em;opacity:.9}
.nav-product-toggle{position:relative;display:inline-grid;place-items:center;width:20px;height:30px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.9}
.nav-product-toggle::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s ease}
.nav-product:hover .nav-product-link,.nav-product:focus-within .nav-product-link,.nav-product.is-open .nav-product-link,.nav-product:hover .nav-product-toggle,.nav-product:focus-within .nav-product-toggle,.nav-product.is-open .nav-product-toggle{opacity:1}
.nav-product:hover .nav-product-toggle::after,.nav-product:focus-within .nav-product-toggle::after,.nav-product.is-open .nav-product-toggle::after{transform:rotate(225deg) translate(-1px,-1px)}

/* Full-width product mega menu */
.nav-dropdown{position:absolute;top:calc(100% - 2px);left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;padding:24px var(--side) 28px;background:#f3f2ee;border:0;border-top:3px solid #ff641d;box-shadow:0 26px 60px rgba(11,15,13,.2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .18s}
.nav-product:hover .nav-dropdown,.nav-product:focus-within .nav-dropdown,.nav-product.is-open .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.nav-dropdown a{display:flex;flex-direction:column;min-width:0;background:#fff;color:#202522!important;text-decoration:none;border:1px solid rgba(31,35,33,.11)!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.nav-dropdown a::before{content:"";display:block;width:100%;aspect-ratio:16/8.6;background-position:center;background-size:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.nav-dropdown a:nth-of-type(1)::before{background-image:url('../../source/products/hand-pallet-jack-family-client.png');background-size:contain;background-repeat:no-repeat;background-color:#fff}
.nav-dropdown a:nth-of-type(2)::before{background-image:url('../../source/products/electric-pallet-jack-family-client.png');background-size:contain;background-repeat:no-repeat;background-color:#fff}
.nav-dropdown a:nth-of-type(3)::before{background-image:url('../../source/client-revisions/other-parts.png');background-size:contain;background-repeat:no-repeat;background-color:#fff}
.nav-dropdown a:nth-of-type(4)::before{background-image:url('../../source/client-revisions/oem-custom-shaped-clean.png')}
.nav-dropdown a::after{display:none!important}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{color:#202522!important;border-color:rgba(255,100,29,.55)!important;box-shadow:0 14px 32px rgba(20,25,22,.11);transform:translateY(-3px);outline:none}
.nav-dropdown a:hover::before,.nav-dropdown a:focus-visible::before{transform:scale(1.035);filter:contrast(1.04)}
.nav-dropdown strong{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:17px 18px;font-size:17px;line-height:1.22;font-weight:650}
.nav-dropdown strong::after{content:"↗";flex:0 0 auto;color:#ff641d;font-size:15px;font-weight:400}
.nav-dropdown span{display:none}
.nav-product.is-active .nav-product-link,.nav-product.is-active .nav-product-toggle{color:#ff641d!important;opacity:1}

@media(max-width:920px){
  .main-nav{max-height:calc(100svh - 96px);overflow:auto}
  .nav-product{display:block;width:100%}
  .nav-product-main{display:flex;width:100%;align-items:center;gap:0}
  .nav-product-link{flex:1;padding:11px 4px;font-size:18px}
  .nav-product-toggle{flex:0 0 46px;width:46px;height:46px}
  .nav-dropdown{position:static;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:2px 0 8px;padding:8px;background:#f3f2ee;border:1px solid rgba(31,35,33,.1);box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .nav-product.is-open .nav-dropdown{display:grid}
  .nav-product:not(.is-open):hover .nav-dropdown,.nav-product:not(.is-open):focus-within .nav-dropdown{display:none}
  .nav-dropdown a{min-height:0;border-color:rgba(31,35,33,.1)!important;transform:none!important}
  .nav-dropdown a::before{aspect-ratio:16/9}
  .nav-dropdown strong{min-height:54px;padding:11px 12px;font-size:13px}
  .nav-dropdown strong::after{font-size:12px}
}

@media(max-width:480px){
  .nav-dropdown{gap:6px;padding:6px}
  .nav-dropdown strong{min-height:50px;padding:9px 10px;font-size:12px}
}