.fefo-profile-wrapper{position:relative;display:inline-flex;align-items:center}.fefo-profile-menu{position:absolute;right:0;top:100%;padding:16px 8px 8px;width:220px;background:#fffdf8;border:1px solid #d8e3dd;border-radius:16px;box-shadow:0 14px 35px #123f3f20;z-index:1000;text-align:left}.fefo-profile-menu[hidden]{display:none}.fefo-profile-menu>strong{display:block;padding:4px 12px 12px;color:#173c3e;font-size:14px;overflow-wrap:anywhere}.fefo-profile-menu>a{display:block;padding:10px 12px;border-radius:8px;color:#174d4d;text-decoration:none;font:400 14px 'DM Sans',sans-serif}.fefo-profile-menu>a:hover,.fefo-profile-menu>a:focus-visible{background:#edf3ed}.customer-actions #memberHeaderBag{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.club-centered-header>.customer-actions{margin-left:auto}@media(max-width:600px){.fefo-profile-menu{width:200px}}
/* Match the greeting-to-profile spacing to the profile-to-bag spacing. */
.header .customer-actions{--account-control-gap:8px;column-gap:var(--account-control-gap);align-items:center}
.header .fefo-profile-wrapper{column-gap:var(--account-control-gap);align-items:center;min-width:0}
.header .fefo-profile-wrapper .customer-greeting{flex:0 1 auto;flex-basis:auto;margin:0;line-height:22px;align-self:center}
.header .customer-actions .customer-entry svg{color:#efa927;display:block}
@media(min-width:901px) and (max-width:1250px){.header .customer-actions{--account-control-gap:8px}}

/* Balance the visible icon inset against the text inset inside the pill. */
.header .customer-actions .customer-entry{padding-left:13px;padding-right:16px}
@media(max-width:600px){.header .customer-actions .customer-entry{padding-left:8px;padding-right:11px}}
@media(min-width:901px) and (max-width:1250px){.header .customer-actions .customer-entry{padding-left:7px;padding-right:10px}}

/* Use one vertical rhythm for navigation, greeting, profile and bag. */
@media(min-width:901px){
  .header .customer-actions{column-gap:14px}
  .header .fefo-profile-wrapper{column-gap:8px;flex:0 0 auto}
  .header nav{align-items:center}
  .header nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    height:44px;
    padding-bottom:0;
    font-family:'DM Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    line-height:22px;
  }
  .header nav a.active-nav::after{
    content:"";
    position:absolute;
    right:0;
    bottom:1px;
    left:0;
    height:2px;
    background:var(--gold);
  }
  .header nav a.active-nav{border-bottom:0}
  .header .customer-greeting{
    display:inline-flex;
    align-items:center;
    height:44px;
    font-size:13px;
    line-height:22px;
  }
}

/* Preserve a real gap between the profile pill and the bag on medium desktops. */
@media(min-width:901px) and (max-width:1450px){
  .header nav{gap:18px}
  .header .customer-greeting{max-width:110px}
  .header .customer-actions .customer-entry,
  .header .customer-actions .cart-btn{padding-left:12px;padding-right:12px}
}
