/* SSK Store V4.1.81 — full-width desktop category mega menu.
 * Additive only. Existing homepage, slider, WooCommerce and mobile systems remain intact.
 */
@media (min-width:761px){
  html body.ssk-premium-v40 .ssk-header,
  html body.ssk-neon-v38 .ssk-header{
    position:relative!important;
    z-index:10000!important;
  }

  html body.ssk-premium-v40 .ssk-nav-row,
  html body.ssk-neon-v38 .ssk-nav-row{
    position:relative!important;
    z-index:10001!important;
    overflow:visible!important;
  }

  html body.ssk-premium-v40 .ssk-nav,
  html body.ssk-neon-v38 .ssk-nav{
    position:relative!important;
    overflow:visible!important;
    justify-content:flex-start!important;
  }

  .ssk-nav-item.ssk-nav-categories{
    position:static!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
  }

  .ssk-nav-categories > .ssk-nav-category-trigger{
    height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:8px 8px 0 0!important;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
  }

  .ssk-nav-categories:hover > .ssk-nav-category-trigger,
  .ssk-nav-categories:focus-within > .ssk-nav-category-trigger{
    color:#fff!important;
    background:linear-gradient(180deg,rgba(242,26,134,.20),rgba(242,26,134,.05))!important;
    box-shadow:inset 0 -2px 0 var(--pink),0 0 24px rgba(242,26,134,.10)!important;
  }

  .ssk-nav-chevron{color:#ff45a5!important;transition:transform .2s ease!important;}
  .ssk-nav-categories:hover .ssk-nav-chevron,
  .ssk-nav-categories:focus-within .ssk-nav-chevron{transform:rotate(180deg)!important;}

  /* The menu is attached to the entire navigation row, not to the slider.
     This makes it overlay the hero instead of appearing underneath it. */
  .ssk-nav-category-menu{
    position:absolute!important;
    top:46px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:14px 18px 10px!important;
    background:linear-gradient(180deg,rgba(7,7,11,.995),rgba(12,7,15,.995))!important;
    border:1px solid rgba(242,26,134,.48)!important;
    border-top:1px solid rgba(242,26,134,.32)!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 28px 70px rgba(0,0,0,.82),0 0 38px rgba(242,26,134,.18),inset 0 1px rgba(255,255,255,.05)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(7px)!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
    z-index:999999!important;
  }

  .ssk-nav-categories:hover .ssk-nav-category-menu,
  .ssk-nav-categories:focus-within .ssk-nav-category-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .ssk-nav-category-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:2px 7px 11px!important;
    margin:0 0 9px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .ssk-nav-category-head-title{display:flex;align-items:center;gap:9px;min-width:0;}
  .ssk-nav-category-head-icon{
    width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid rgba(242,26,134,.65);border-radius:7px;color:#ff3f9f;font-size:15px;
    background:rgba(242,26,134,.08);box-shadow:0 0 12px rgba(242,26,134,.12);
  }
  .ssk-nav-category-head strong{font-size:14px!important;letter-spacing:.7px;color:#fff!important;}
  .ssk-nav-category-head>a{font-size:11px!important;font-weight:900!important;color:#ff4da5!important;text-decoration:none!important;white-space:nowrap!important;}
  .ssk-nav-category-head>a:hover{text-decoration:underline!important;}

  .ssk-nav-category-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
  }
  .ssk-nav-category-column-list{
    min-width:0!important;
    padding:0 13px!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
  }
  .ssk-nav-category-column-list:first-child{padding-left:5px!important;}
  .ssk-nav-category-column-list:last-child{padding-right:5px!important;border-right:0!important;}

  .ssk-nav-category-column{
    min-width:0!important;
    padding:4px 5px!important;
    border-radius:10px!important;
  }
  .ssk-nav-category-column:hover{background:rgba(242,26,134,.055)!important;}

  .ssk-nav-category-title{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 15px!important;
    align-items:center!important;
    gap:9px!important;
    min-height:58px!important;
    color:#fff!important;
    text-decoration:none!important;
  }
  .ssk-nav-category-icon{
    width:45px!important;height:45px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    border-radius:50%!important;overflow:hidden!important;
    border:1px solid rgba(242,26,134,.68)!important;
    background:radial-gradient(circle,rgba(242,26,134,.16),rgba(0,0,0,.65))!important;
    box-shadow:0 0 14px rgba(242,26,134,.13)!important;
  }
  .ssk-nav-category-icon img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  .ssk-nav-category-icon i{font-style:normal;color:#ff43a1;font-size:19px;}
  .ssk-nav-category-title-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
  .ssk-nav-category-title-copy strong{font-size:12px!important;font-weight:950!important;line-height:1.15!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .ssk-nav-category-title-copy small{font-size:9px!important;line-height:1.2!important;color:#9999a6!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .ssk-nav-category-title>b{font-size:20px!important;line-height:1!important;color:#ff3095!important;transition:transform .18s ease!important;}
  .ssk-nav-category-title:hover>b{transform:translateX(3px)!important;}

  .ssk-nav-category-bottom{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(16px,4vw,60px)!important;
    margin-top:10px!important;padding:9px 4px 1px!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    color:#858590!important;font-size:9px!important;font-weight:850!important;
  }
  .ssk-nav-category-bottom span{white-space:nowrap!important;}
}

@media (min-width:761px) and (max-width:1100px){
  .ssk-nav-category-menu{padding-left:10px!important;padding-right:10px!important;}
  .ssk-nav-category-title{grid-template-columns:38px minmax(0,1fr) 12px!important;gap:7px!important;}
  .ssk-nav-category-icon{width:36px!important;height:36px!important;}
  .ssk-nav-category-title-copy strong{font-size:10.5px!important;}
  .ssk-nav-category-title-copy small{display:none!important;}
}

@media (max-width:760px){
  .ssk-nav-category-menu{display:none!important;}
}