
.memberNavButton{background:transparent;border:0;color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:11px;padding:12px 8px;white-space:nowrap}.nav.voile-member-nav-ready{grid-template-columns:1fr auto auto auto;column-gap:18px}.memberOffer{border-bottom:1px solid var(--line);background:#f7f1ea}.memberOfferInner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.memberOfferInner>div{display:grid;gap:4px}.memberOfferInner span{font-size:10px;letter-spacing:.18em;color:var(--wine)}.memberOfferInner strong{font:400 23px Georgia,serif}.memberOfferInner small{color:#766b63;font-size:12px}.memberOfferInner button,.memberPrimary{border:1px solid var(--ink);background:var(--ink);color:white;text-transform:uppercase;letter-spacing:.13em;font-size:10px;padding:13px 18px;cursor:pointer}.memberBackdrop{position:fixed;inset:0;background:#17110dcc;z-index:5000;display:grid;place-items:center;padding:22px}.memberBackdrop[hidden]{display:none}.memberModalOpen{overflow:hidden}.memberDialog{position:relative;background:#fbf8f4;color:var(--ink);width:min(880px,100%);max-height:90vh;overflow:auto;border:1px solid #d8cbbf;padding:42px}.memberClose{position:absolute;right:18px;top:18px;background:transparent;border:0;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.memberDialogBody{max-width:760px;margin:auto}.memberEyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);margin:0 0 10px}.memberDialog h2{font:400 38px/1.1 Georgia,serif;margin:0 0 12px}.memberDialog h3{font:400 23px Georgia,serif;margin:0 0 15px}.memberDialog p{line-height:1.65}.memberEmailForm,.memberCodeForm,.memberProfileForm{display:grid;gap:14px;margin-top:22px}.memberDialog label{display:grid;gap:6px;font-size:13px;color:#514a43}.memberDialog input,.memberDialog textarea{width:100%;border:1px solid var(--line);background:white;color:var(--ink);font:inherit;padding:12px}.memberConsent{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px!important;line-height:1.45}.memberConsent input{width:auto;margin-top:3px}.memberConsent small{display:block;color:#877d75}.memberFineprint{font-size:12px;color:#766b63}.memberMessage{background:#f3e8dc;border-left:3px solid var(--wine);padding:10px 12px;font-size:13px}.memberTextButton{border:0;background:transparent;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:#61554d}.memberBenefit{border:1px solid var(--line);padding:18px;margin:22px 0;background:#fff;display:grid;gap:5px}.memberBenefit.active{border-color:#8b6b38;background:#fbf3e4}.memberBenefit strong{font:400 21px Georgia,serif}.memberBenefit span{font-size:13px;color:#6f645c}.memberAccountGrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:28px}.memberFormRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memberOrders{display:grid;gap:10px}.memberOrder{border-bottom:1px solid var(--line);padding:10px 0;display:grid;gap:6px;font-size:13px}.memberOrder>div{display:flex;justify-content:space-between;gap:15px}.memberOrder span,.memberOrder small{color:#766b63}.memberEmpty{color:#766b63;font-size:13px}.memberDiscountLine{color:#6f551f}.memberCartNote{font-size:12px;line-height:1.45;color:#6f551f;background:#fbf3e4;padding:10px 12px;margin:10px 0}.memberCartNote button{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:inherit;padding:0}.checkoutForm input[readonly]{background:#f4f0eb;color:#6a625b}.memberPrimary:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.nav.voile-member-nav-ready{grid-template-columns:1fr auto auto;column-gap:8px}.memberNavButton{font-size:9px;padding:10px 5px}.cartButton{padding-left:5px}.memberOfferInner{min-height:0;padding-top:18px;padding-bottom:18px;align-items:flex-start;gap:14px}.memberOfferInner strong{font-size:18px}.memberOfferInner button{padding:10px 12px;white-space:nowrap}.memberDialog{padding:38px 20px 24px}.memberDialog h2{font-size:31px}.memberAccountGrid{grid-template-columns:1fr;gap:28px}.memberFormRow{grid-template-columns:1fr}.memberBackdrop{padding:10px}}

/* VOILE membership visibility refinement */
.announcement.voile-member-announcement{cursor:pointer;letter-spacing:.13em;font-size:10px;transition:opacity .2s ease}
.announcement.voile-member-announcement:hover{opacity:.9}
.memberOffer{background:#efe4d7;border-top:1px solid #d8cbbf;border-bottom:1px solid #d8cbbf}
.memberOfferInner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.memberOfferCopy{display:grid;gap:4px;max-width:760px}
.memberOfferInner span{font-size:10px;letter-spacing:.2em;color:var(--wine);text-transform:uppercase}
.memberOfferInner strong{font:400 28px/1.08 Georgia,serif;letter-spacing:-.01em}
.memberOfferInner small{color:#6e6259;font-size:12px;line-height:1.45}
.memberOfferAction{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.memberOfferAction b{font:italic 400 42px/1 Georgia,serif;color:#7b6757}
.memberOfferInner button{min-width:150px;padding:14px 18px}
.memberCartNote{border-left:2px solid #8b6b38;padding:11px 13px}
@media(max-width:760px){
  .announcement.voile-member-announcement{font-size:8px;letter-spacing:.09em;padding-left:8px;padding-right:8px}
  .memberOfferInner{padding-top:16px;padding-bottom:16px;gap:12px;align-items:center}
  .memberOfferInner strong{font-size:20px}
  .memberOfferInner small{font-size:11px}
  .memberOfferAction{gap:10px;flex-direction:column;align-items:flex-end}
  .memberOfferAction b{font-size:30px}
  .memberOfferInner button{min-width:0;padding:10px 11px;font-size:9px}
}


/* VOILE header membership promo */
.nav.voile-member-nav-ready{grid-template-columns:auto minmax(300px,1fr) auto auto auto;column-gap:18px}
.memberHeaderPromo{justify-self:start;align-self:center;border:0;background:transparent;color:var(--ink);cursor:pointer;display:grid;gap:3px;text-align:left;padding:8px 12px;max-width:430px}
.memberHeaderPromo span{text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:var(--wine)}
.memberHeaderPromo strong{font:400 13px/1.25 Georgia,serif;white-space:nowrap}
.memberHeaderPromo:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media(max-width:980px){
  .nav.voile-member-nav-ready{grid-template-columns:auto 1fr auto auto;column-gap:10px}
  .memberHeaderPromo{display:none}
}
@media(max-width:760px){
  .nav.voile-member-nav-ready{grid-template-columns:1fr auto auto;column-gap:8px}
  .memberHeaderPromo{display:none}
}
