.elementor-400 .elementor-element.elementor-element-52ddf9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-400 .elementor-element.elementor-element-6a91928{z-index:2;}/* Start custom CSS for html, class: .elementor-element-6a91928 *//* ===== ALIGNMENT FIX PACK (paste after your current nav CSS) ===== */

/* Use flex instead of grid for predictable centering */
.xp-navbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:64px;           /* consistent bar height */
  padding-block:10px;        /* even top/bottom breathing room */
}

/* Center the middle menu and tidy gaps */
.xp-menu{ order:2; margin:0 auto; }
.xp-list{
  display:flex; align-items:center; gap:32px;
  margin:0; padding:0; list-style:none;
}

/* Make every item vertically centered (no baseline sag) */
.xp-list a,
.xp-dd-btn{
  display:inline-flex; align-items:center; gap:.35rem;
  line-height:1; padding:8px 6px; border-radius:10px;
  text-decoration:none;
}
.xp-dd-btn svg{ flex:0 0 auto; transform:translateY(1px); } /* arrow alignment */

/* Left logo block */
.xp-logo{ display:flex; align-items:center; gap:.6rem; }

/* Right-side actions: Browse button stays aligned */
.xp-actions{
  order:3; display:flex; align-items:center; gap:.5rem;
}
.xp-cta{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 16px; font-weight:800; border-radius:10px;
}

/* Hamburger alignment on mobile */
.xp-toggle{ order:3; margin-left:10px; }

/* Optional: shrink padding slightly when scrolled */
.xp-nav.is-scrolled .xp-navbar{ padding-block:8px; }

/* If Elementor/Theme adds extra line-height to links/buttons, neutralize it */
.xp-list a, .xp-dd-btn, .xp-cta, .xp-toggle{ line-height:1 !important; }/* End custom CSS */