.phm5-wrap{
    --phm5-font-size:14px;
    --phm5-gap:28px;
    --phm5-text:#000000;
    --phm5-bg:#e5e4e2;
    --phm5-border:rgba(0,0,0,.10);
    --phm5-panel-bg:#ffffff;
    --phm5-shadow:0 10px 25px rgba(0,0,0,.08);
    --phm5-radius:0px;
    --phm5-scrollbar:#8c8c8c;
    --phm5-scrollbar-track:rgba(0,0,0,.12);
    width:100%;
    font-family: "Instrument Sans", Arial, sans-serif;
    color:var(--phm5-text);
}
.phm5-wrap *{box-sizing:border-box}
.phm5-grid{
    display:grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items:stretch;
    width:100%;
    background:var(--phm5-bg);
    border-top:1px solid var(--phm5-border);
}
.phm5-categories-col{
    min-width:220px;
    border-right:1px solid var(--phm5-border);
}
.phm5-categories-dropdown{
    position:relative;
    height:100%;
}
.phm5-categories-trigger{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    min-height:52px;
    padding:0 18px;
}
.phm5-categories-title{
    color:var(--phm5-text);
    text-decoration:none;
    font-size:var(--phm5-font-size);
    font-weight:500;
    line-height:1.1;
}
.phm5-uppercase .phm5-categories-title,
.phm5-uppercase .phm5-main-link,
.phm5-uppercase .phm5-cat-link{
    text-transform:uppercase;
}
.phm5-chevron{
    display:inline-block;
    width:8px;
    height:8px;
    border-right:1.4px solid currentColor;
    border-bottom:1.4px solid currentColor;
    transform:rotate(45deg);
    margin-top:-4px;
}
.phm5-chevron--static{transform:rotate(45deg)}

.phm5-categories-panel{
    position:absolute;
    top:100%;
    left:0;
    min-width:360px;
    max-width:560px;
    background:var(--phm5-panel-bg);
    box-shadow:var(--phm5-shadow);
    border:1px solid var(--phm5-border);
    z-index:9999;
    display:none;
}
.phm5-categories-dropdown:hover .phm5-categories-panel{
    display:block;
}
.phm5-categories-panel-inner{
    max-height:70vh;
    overflow:auto;
    padding:14px 0;
}
.phm5-cat-list{
    list-style:none;
    margin:0;
    padding:0;
}
.phm5-cat-item{
    position:relative;
}
.phm5-cat-link{
    display:block;
    color:var(--phm5-text);
    text-decoration:none;
    padding:9px 18px;
    font-size:var(--phm5-font-size);
    line-height:1.25;
}
.phm5-cat-link:hover{
    background:rgba(0,0,0,.04);
}
.phm5-cat-depth-1,
.phm5-cat-depth-2,
.phm5-cat-depth-3{
    padding-left:14px;
}
.phm5-main-col{
    display:flex;
    align-items:center;
    min-width:0;
    overflow:hidden;
}
.phm5-main-viewport{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
}
.phm5-main-scroller{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    touch-action:pan-x;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:none;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:var(--phm5-scrollbar) var(--phm5-scrollbar-track);
}
.phm5-main-scroller::-webkit-scrollbar{height:7px}
.phm5-main-scroller::-webkit-scrollbar-track{background:var(--phm5-scrollbar-track)}
.phm5-main-scroller::-webkit-scrollbar-thumb{background:var(--phm5-scrollbar); border-radius:999px}

.phm5-main-list,
.phm5-main-submenu{
    list-style:none;
    margin:0;
    padding:0;
}
.phm5-main-list{
    display:inline-flex;
    align-items:center;
    gap:var(--phm5-gap);
    min-width:max-content;
    padding:0 16px;
    min-height:52px;
}
.phm5-main-item{
    position:relative;
    flex:0 0 auto;
}
.phm5-main-link-row{
    display:flex;
    align-items:center;
    gap:4px;
}
.phm5-main-link{
    color:var(--phm5-text);
    text-decoration:none;
    font-size:var(--phm5-font-size);
    font-weight:500;
    line-height:1.1;
    padding:8px 0;
}
.phm5-main-link:hover{opacity:.72}
.phm5-main-item.is-current > .phm5-main-link-row > .phm5-main-link{
    font-weight:700;
}
.phm5-sub-toggle{
    appearance:none;
    border:none;
    background:transparent;
    color:var(--phm5-text);
    width:20px;
    height:20px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.phm5-submenu-wrap{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:9999;
    padding-top:0;
}
.phm5-wrap[data-trigger="hover"] .phm5-main-item.has-children:hover > .phm5-submenu-wrap,
.phm5-main-item.is-open > .phm5-submenu-wrap{
    display:block;
}
.phm5-main-submenu{
    min-width:240px;
    max-width:340px;
    background:var(--phm5-panel-bg);
    border:1px solid var(--phm5-border);
    box-shadow:var(--phm5-shadow);
    padding:10px 0;
}
.phm5-main-submenu .phm5-main-item{
    width:100%;
}
.phm5-main-submenu .phm5-main-link-row{
    justify-content:space-between;
    gap:10px;
    padding:0 14px;
}
.phm5-main-submenu .phm5-main-link{
    display:block;
    width:100%;
    white-space:normal;
    padding:8px 0;
}
.phm5-main-submenu .phm5-submenu-wrap{
    top:0;
    left:100%;
    padding-left:10px;
}
.phm5-arrow{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:transparent;
    color:var(--phm5-text);
    cursor:pointer;
    opacity:.8;
}
.phm5-arrow:hover{opacity:1}
.phm5-arrow.is-hidden{
    opacity:.25;
    pointer-events:none;
}
.phm5-notice{
    padding:12px 14px;
    background:#fff;
    border:1px solid var(--phm5-border);
}
@media (max-width: 767px){
    .phm5-grid{
        grid-template-columns: 1fr;
    }
    .phm5-categories-col{
        min-width:0;
        border-right:none;
        border-bottom:1px solid var(--phm5-border);
    }
    .phm5-categories-panel{
        min-width:100%;
        max-width:100%;
    }
}