.naviContainer{justify-content:center;
    --naviBg:transparent;
    --naviItemCol:var(--colGreen);
    --naviItemHover: transparent;
    --naviItemHoverCol:var(--colGreen);
}
.naviHider{width:100%;transition:all .4s ease;}
.navCheckbox{display:none;}
.navCheckLabel{position:absolute;cursor:pointer;right:24px;top:40px;background:transparent;padding:0;z-index:10;transition:all .4s ease;}
.navCheckBurger{padding:4.5px 0;border-top:2px solid var(--colBlack);border-bottom:2px solid var(--colBlack);width:21px;transition:all .4s ease;}
.navCheckPatty{width:100%;height:2px;background:var(--colBlack);transition:all .4s ease;}

.nav_hor{justify-content:center;background:var(--naviBg);list-style:none;margin:0;padding:12px 0 0;display:flex;flex-wrap:wrap;gap:37px;}
.nav_hor li{padding:5px 0;transition:all .4s ease;position:relative;}
.nav_hor li.menu-item-has-children{}
.nav_hor li a{transition:all .4s ease;color:var(--naviItemCol);text-decoration:none;font-size:24px;line-height:32px;font-weight:900;font-family:var(--sec-font);text-transform:uppercase;}
.nav_hor > li > a{padding:5px 0 24px;}
.nav_hor li ul{transition:all .4s ease;list-style:none;position:absolute;left:50%;transform:translateX(-50%);border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.3);padding:11px 26px 9px;opacity:0;pointer-events:none;margin-top:50px;background:var(--colGreen)}
.nav_hor li:hover{}
.nav_hor li.menu-item-has-children:hover:after{transform:rotateZ(180deg);color:var(--naviItemHoverCol);}
.nav_hor li:hover > ul,
.nav_hor li:has(a:focus-visible) > ul{pointer-events:initial;opacity:1;margin-top:24px;}
.nav_hor li ul li{text-align:center;padding:10px 30px 15px;}
.nav_hor li ul li a{color:#fff;}
.nav_hor li ul li:hover{background:var(--naviItemHoverCol);}
.nav_hor li ul li:hover > a{color:var(--colBlack);}

@media screen and (min-width:1300px)
{
    .navCheckLabel,.navCheckPatty,.navCheckBurger{display:none;}
}

@media screen and (max-width:1299px)
{
    /*body:has(#navCheckbox:checked){overflow:hidden;}*/
    .nav_hor,
    .nav_hor li:hover,
    .nav_hor li ul li:hover,
    .nav_hor ul li ul li:hover,
    .nav_hor li:hover > ul{background:transparent;}
    .nav_hor li:hover > a,.nav_hor li ul li:hover a{color:#fff!important;}

    .naviHider{max-height:0;overflow:hidden;z-index:9;position:absolute;left:18px;right:18px;top:94px;width:calc(100% - 36px);background:var(--colGreen);border-radius:10px;display:flex;flex-wrap:wrap;align-content:center;}
    .navCheckbox:checked ~ .naviHider{max-height:100vh;}
    .navCheckbox:checked + .navCheckLabel,
    .navCheckbox:checked + .navCheckLabel .navCheckPatty{background:transparent;}
    .navCheckbox:checked + .navCheckLabel .navCheckBurger{border-color:transparent;position:relative;}
    .navCheckbox:checked + .navCheckLabel .navCheckBurger::before,
    .navCheckbox:checked + .navCheckLabel .navCheckBurger::after{width:16px;height:2px;background:var(--colBlack);position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%) rotateZ(45deg)}
    .navCheckbox:checked + .navCheckLabel .navCheckBurger::after{transform:translate(-50%,-50%) rotateZ(-45deg)}
    .nav_hor{width:100%;flex-direction:column;align-items:center;gap:0;padding:20px 19px;}
    .nav_hor li{text-align:center;width:auto;}
    .nav_hor > li:not(:last-of-type){border-bottom:1px solid #95ce84;width:100%;}
    .nav_hor li,
    .nav_hor li.menu-item-has-children{transition:none;padding:0;transition:none;}
    .nav_hor li.menu-item-has-children > a{pointer-events:none;}
    .nav_hor li.menu-item-has-children::after{right:-5px;top:2px;}
    .nav_hor li.menu-item-has-children.hover:after{transform:rotateZ(180deg);}
    .nav_hor li a{padding:0;transition:none;color:#fff;font-size:22.5px;line-height:54px;}
    .nav_hor li > ul{transform:initial;margin-top:-15px;position:static;display:none;transition:none;padding:0;pointer-events:initial;box-shadow:none;}
    .nav_hor li.hover > a{color:var(--colBlack)!important}
    .nav_hor li.hover > ul{display:block;opacity:1;margin:-10px 0 6px;}
    .nav_hor li ul li{padding:0;}
    .nav_hor ul li a{padding:0 20px;color:var(--colLine);line-height:40px;}
}