.mg-nav{background:linear-gradient(135deg,#1a5c26,#2d8c3c,#1a5c26);border-bottom:3px solid #165a22;position:relative;box-shadow:0 4px 20px #0a162826}.mg-nav__inner{max-width:1400px;margin:0 auto;padding:0 24px;position:relative}.mg-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;justify-content:center}.mg-nav__item{position:relative}.mg-nav__link{display:flex;align-items:center;gap:5px;padding:15px 20px;color:#fff;text-decoration:none;font-size:13.5px;font-weight:700;letter-spacing:.8px;transition:all .2s;white-space:nowrap;text-transform:uppercase;border-bottom:3px solid transparent;margin-bottom:-3px}.mg-nav__link:hover,.mg-nav__item--open>.mg-nav__link,.mg-nav__item--active>.mg-nav__link{background:#00000026;color:#fff;border-bottom-color:#fff}.mg-nav__chevron{transition:transform .3s;margin-top:1px}.mg-nav__item--open .mg-nav__chevron{transform:rotate(180deg)}.mg-nav__mega{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);min-width:720px;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0a16282e,0 0 0 1px #0a16280d;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:200}.mg-nav__item--open .mg-nav__mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.mg-nav__mega:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:#fff}.mg-nav__mega-inner{padding:28px 32px}.mg-nav__mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.mg-nav__mega-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid #f0f2f5}.mg-nav__mega-head h3{font-size:18px;font-weight:800;color:#0a1628;margin:0}.mg-nav__mega-viewall{font-size:13px;font-weight:700;color:#2d8c3c;text-decoration:none;transition:gap .2s;display:flex;align-items:center;gap:4px}.mg-nav__mega-viewall:hover{gap:8px}.mg-nav__mega-links ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.mg-nav__mega-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;color:#3a4a5c;transition:all .2s}.mg-nav__mega-link:hover{background:#f0f7f1;color:#2d8c3c;transform:translate(4px)}.mg-nav__mega-dot{width:6px;height:6px;border-radius:50%;background:#c8d5e0;flex-shrink:0;transition:background .2s}.mg-nav__mega-link:hover .mg-nav__mega-dot{background:#2d8c3c}.mg-nav__mega-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mg-nav__mega-product{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;border-radius:12px;text-decoration:none;background:#f8faf9;transition:all .25s;border:1px solid transparent}.mg-nav__mega-product:hover{background:#fff;border-color:#e0e8ec;box-shadow:0 4px 16px #0a162814;transform:translateY(-2px)}.mg-nav__mega-product img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:8px}.mg-nav__mega-product span{font-size:12px;color:#5a6a7a;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mg-nav__mega-product strong{font-size:14px;color:#0a1628;font-weight:700}.mg-nav__item:first-child .mg-nav__mega,.mg-nav__item:nth-child(2) .mg-nav__mega{left:0;transform:translate(0) translateY(8px)}.mg-nav__item:first-child .mg-nav__mega:before,.mg-nav__item:nth-child(2) .mg-nav__mega:before{left:40px;transform:none}.mg-nav__item--open:first-child .mg-nav__mega,.mg-nav__item--open:nth-child(2) .mg-nav__mega{transform:translate(0) translateY(0)}.mg-nav__item:last-child .mg-nav__mega,.mg-nav__item:nth-last-child(2) .mg-nav__mega{left:auto;right:0;transform:translate(0) translateY(8px)}.mg-nav__item:last-child .mg-nav__mega:before,.mg-nav__item:nth-last-child(2) .mg-nav__mega:before{left:auto;right:40px;transform:none}.mg-nav__item--open:last-child .mg-nav__mega,.mg-nav__item--open:nth-last-child(2) .mg-nav__mega{transform:translate(0) translateY(0)}@media screen and (min-width:990px){.header__inline-menu{display:none!important}}@media(max-width:989px){.mg-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mg-mega-nav.css.map */