/* BuyInstagramFollowers.in - desktop header overrides
   Loaded after the Webflow stylesheet. Scoped to >=992px so the tablet and
   mobile nav (which becomes a full-screen overlay at <=991px) is untouched. */

@media (min-width: 992px) {

  /* --- 1. Larger brand lockup -------------------------------------------
     Was 7.125rem x 1.75rem (114x28). Bumped ~33% to 9.5rem x 2.334rem
     (152x37), holding the 114:28 aspect so the artwork never distorts.
     Still clears the 3.75rem compact navbar variant. */
  .nav-brand,
  .nav-logo {
    width: 9.5rem;
    height: 2.334rem;
  }

  .nav-brand {
    /* the centring below owns the spacing now */
    margin-right: 2rem;
    flex: 0 0 auto;
  }

  /* --- 2. Centre the menu ------------------------------------------------
     .nav-menu-inner is a flex row holding: the Features dropdown, the links
     wrapper (Use Cases / Resources / Company / Pricing) and the CTA buttons.

     The links wrapper ships as `flex:1`, so it swallowed every spare pixel
     and left nothing for auto margins to work with. Shrink it to its content
     first, then two `margin-left:auto` hinges split the freed space evenly:
     the link group lands in the middle, the buttons stay pinned right.
     Pure flexbox, so nothing can overlap at narrow desktop widths. */
  .nav-menu-inner {
    justify-content: flex-start;
  }

  .nav-menu-inner > .nav-menu-links-wrapper {
    flex: 0 1 auto;
  }

  /* Webflow's own .w-dropdown ships margin-left/right:auto. That right-hand
     auto was acting as an unwanted third hinge, so the free space split three
     ways and tore a gap between "Features" and the rest. Kill it. */
  .nav-menu-inner > .nav-dropdown {
    margin-right: 0;
  }

  .nav-menu-inner > .nav-dropdown:first-child,
  .nav-menu-inner > .nav-buttons-wrapper {
    margin-left: auto;
  }
}