/* ─── Bridge the gap via top offset (no padding that shifts alignment) ─── */
nav.header-menu-1 > ul > li.menu-item-has-children {
  position: relative;
}
nav.header-menu-1 .menu-item-has-children > .sub-menu {
  margin-top:0 !important;
  padding-top:0 !important;
}

/* ══════════════════════════════════════════════
   Nav Mega Dropdown — nav-mega.css
   3DPrint.ua · v1.6
   ══════════════════════════════════════════════ */

/* ─── Override Blocksy dropdown panel ─── */
nav.header-menu-1 .menu-item-has-children > .sub-menu {
  top:calc(100% + 2px) !important;
  left:50% !important;
  transform:translateX(-40%) !important;
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.1) !important;
  width:640px !important;
  border-radius:12px !important;
  box-shadow:0 16px 48px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
  padding:0 !important;
  min-height:0 !important;
}

/* Show as flex on hover (overrides Blocksy's display:block) */
nav.header-menu-1 .menu-item-has-children:hover > .sub-menu {
  display:flex !important;
}

/* ─── Links column (injected by JS) ─── */
.srv-nav-list {
  max-height:calc(100vh - 140px); overflow-y:auto;
  flex:0 0 310px;
  padding:10px 8px;
  border-right:1px solid rgba(0,0,0,.07);
  box-sizing:border-box;
  background:#ffffff;
}
.srv-nav-list li { list-style:none !important; break-inside:unset; }
.srv-nav-list li a {
  display:flex !important; align-items:center; gap:9px;
  padding:7px 11px; font-size:13px; font-weight:500;
  color:#374151 !important;
  border-radius:6px; transition:all .12s; text-decoration:none !important;
  white-space:nowrap;
}
.srv-nav-list li a:hover,
.srv-nav-list li a.srv-active {
  color:#0f172a !important;
  background:rgba(0,0,0,.05);
}
.srv-nav-list li a:hover .srv-nav-ico,
.srv-nav-list li a.srv-active .srv-nav-ico { opacity:1 !important; color:#ff4f00; }
.srv-nav-ico { width:14px; height:14px; flex-shrink:0; opacity:.4; transition:opacity .12s,color .12s; }

/* ─── Preview column (injected by JS) ─── */
.srv-nav-preview {
  flex:1; position:relative; overflow:hidden;
  background:#0c0f12; min-height:260px;
  display:flex; flex-direction:column; justify-content:flex-end;
}
.srv-nav-preview img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; opacity:.78;
  transition:opacity .3s, transform .4s;
}
.srv-nav-preview img.srv-img-loading { opacity:0 !important; }
.srv-nav-preview-foot {
  position:relative; z-index:2; padding:14px 16px;
  background:linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.4) 60%, transparent 100%);
}
.srv-nav-preview-name {
  font-size:13px; font-weight:700; color:#f5f2ec;
  margin:0; line-height:1.3; letter-spacing:-.01em;
}
.srv-nav-preview-arrow {
  font-size:11px; color:#ff4f00; margin-top:3px; display:block;
  opacity:.85;
}

/* ─── Clickable overlay on preview ─── */
.srv-nav-preview-link {
  position:absolute; inset:0; z-index:3;
  display:block; cursor:pointer;
}

/* ─── Hide on mobile (Blocksy offcanvas handles mobile) ─── */
@media (max-width:1024px) {
  nav.header-menu-1 .menu-item-has-children:hover > .sub-menu {
    display:none !important;
  }
}