.nav-product-mega{position:relative}
.product-mega-trigger{position:relative}
.product-mega-trigger::after{content:"";display:inline-block;width:.45rem;height:.45rem;margin-left:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.product-mega{
  position:absolute;
  left:50%;
  top:calc(100% + 18px);
  width:min(860px,calc(100vw - 2rem));
  transform:translateX(-50%) translateY(14px);
  z-index:1800;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  align-items:start;
  gap:1rem;
  padding:1rem;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 10% 0%,rgba(0,169,244,.20),transparent 34%),
    linear-gradient(145deg,rgba(7,17,31,.98),rgba(5,10,18,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(0,169,244,.14) inset;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.22s ease;
}
.nav-product-mega:hover .product-mega,
.nav-product-mega:focus-within .product-mega,
.product-mega.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.product-mega::before{content:"";position:absolute;left:0;right:0;top:-22px;height:24px}
.product-mega__categories{display:grid;gap:.45rem;padding:.5rem;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.product-mega__categories{max-height:380px;overflow:auto}
.product-mega__category{
  display:flex;
  align-items:center;
  gap:.65rem;
  width:100%;
  min-height:46px;
  padding:.72rem .85rem;
  border:1px solid transparent;
  border-radius:16px;
  background:transparent;
  color:#e9eef7;
  text-align:left;
  font-weight:800;
  transition:.18s ease;
}
.product-mega__category i{color:#f5a000}
.product-mega__category:hover,
.product-mega__category.is-active{background:rgba(0,169,244,.12);border-color:rgba(0,169,244,.34);color:#fff}
.product-mega__panel{
  position:relative;
  min-height:238px;
  padding:2.55rem 1.7rem 1.35rem 3rem;
  border:6px solid #08a9f4;
  border-bottom-width:10px;
  border-radius:118px 10px 10px 0;
  background:linear-gradient(180deg,rgba(7,17,31,.98),rgba(9,22,36,.96));
  overflow:hidden;
}
.product-mega__back{display:none}
.product-mega__panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 15%,rgba(245,160,0,.13),transparent 30%);pointer-events:none}
.product-mega__content{position:relative;z-index:2;display:none;animation:megaRise .2s ease both}
.product-mega__content.is-active{display:block}
.product-mega__content h3{margin:0 0 .95rem;color:#fff;font-size:1.15rem;font-weight:900}
.product-mega__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.product-mega__product{
  display:flex;
  align-items:center;
  gap:.55rem;
  min-height:42px;
  padding:.56rem .72rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:.84rem;
  font-weight:800;
  transition:.18s ease;
}
.product-mega__product i{color:#f5a000;flex:0 0 auto}
.product-mega__product:hover{background:#f5a000;border-color:#f5a000;color:#07111f;transform:translateX(4px)}
.product-mega__product:hover i{color:#07111f}
.product-mega__all{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;color:#9beafe;font-weight:900}
.product-mega__all:hover{color:#f5a000}
@keyframes megaRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:991.98px){
  .product-mega{position:static;width:100%;transform:none;display:none;margin:.5rem 0 0;grid-template-columns:1fr;padding:.75rem;overflow:hidden}
  .nav-product-mega:hover .product-mega,.nav-product-mega:focus-within .product-mega,.product-mega.is-open{display:grid;transform:none}
  .product-mega__categories,
  .product-mega__panel{grid-area:1 / 1;transition:.24s ease}
  .product-mega__panel{
    min-height:auto;
    border-width:4px 4px 8px;
    border-radius:34px 0 0 0;
    padding:1rem;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(105%);
    background:linear-gradient(180deg,rgba(7,17,31,.99),rgba(9,22,36,.98));
  }
  .product-mega.is-drilled .product-mega__categories{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-24%);
  }
  .product-mega.is-drilled .product-mega__panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
  }
  .product-mega__back{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.9rem;
    padding:.62rem .9rem;
    border:1px solid rgba(0,169,244,.34);
    border-radius:999px;
    background:rgba(0,169,244,.12);
    color:#9beafe;
    font-weight:900;
  }
  .product-mega__products{grid-template-columns:1fr}
  .product-mega__categories{max-height:none}
}