.ss-member-overlay{
  --bg:#F7F9FC;--card:#FFF;--ink:#12161C;--ink-soft:#5B6570;--muted:#8B93A0;
  --border:#E2E8F0;--border-strong:#D0D7E3;--green:#1A5FA8;--green-deep:#0B2A56;
  --green-soft:#EAF3FC;--cta:#F1873B;--cta-hover:#E07020;--gold:#E8B84A;
  position:fixed;inset:0;z-index:1000;background:rgba(11,42,86,.58);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto;
  animation:ss-member-fade .3s ease both;
  font-family:'Figtree',-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
}
.ss-member-overlay.show{display:flex;}
.ss-member-overlay.closed{display:none;}
@keyframes ss-member-fade{from{opacity:0}to{opacity:1}}
.ss-member-overlay .modal,.ss-member-overlay .modal h1,.ss-member-overlay .modal h2,
.ss-member-overlay .modal h3,.ss-member-overlay .modal h4,.ss-member-overlay .modal p{
  margin:0;padding:0;line-height:inherit;
}
.ss-member-overlay .modal{
  position:relative;width:100%;max-width:440px;background:var(--card);
  border-radius:18px;overflow:hidden;margin:auto;
  box-shadow:0 24px 70px rgba(11,42,86,.42);
  animation:ss-member-pop .4s cubic-bezier(.16,1,.3,1) both;
}
@keyframes ss-member-pop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
.ss-member-overlay .head{
  background:var(--green-deep);color:#fff;
  padding:22px 22px 20px;text-align:center;
}
.ss-member-overlay .eyebrow{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:12px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;
  color:var(--gold);margin-bottom:9px;
}
.ss-member-overlay .eyebrow .rule{width:24px;height:1.5px;background:var(--gold);opacity:.5;border-radius:2px;flex-shrink:0;}
.ss-member-overlay .eyebrow svg{fill:var(--gold);flex-shrink:0;}
.ss-member-overlay .h1{
  font-size:31px;font-weight:900;letter-spacing:-.9px;line-height:1.05;color:#fff;
  text-shadow:0 0 26px rgba(255,255,255,.18);
}
.ss-member-overlay .body{padding:18px 18px 20px;}
.ss-member-overlay .select-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ss-member-overlay .sbox{
  position:relative;border:1.5px solid var(--border-strong);background:var(--card);
  border-radius:15px;padding:0;overflow:hidden;text-align:center;cursor:pointer;
  transition:border-color .18s,background .18s,box-shadow .18s,transform .1s;
}
.ss-member-overlay .sbox:active{transform:scale(.99);}
.ss-member-overlay .sbox.selected{
  border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 3px rgba(26,95,168,.15);
}
.ss-member-overlay .shead{
  position:relative;display:flex;align-items:center;justify-content:center;padding:10px 8px;
  min-height:32px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#fff;line-height:1;
}
.ss-member-overlay .shead.grey{background:var(--muted);font-size:10px;justify-content:flex-start;padding-left:39px;}
.ss-member-overlay .shead.green{background:var(--green);}
.ss-member-overlay .sbody{padding:10px 10px 14px;}
.ss-member-overlay .scheck{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:19px;height:19px;border-radius:50%;
  border:2px solid rgba(255,255,255,.85);background:transparent;
  display:flex;align-items:center;justify-content:center;transition:.18s;
}
.ss-member-overlay .sbox.selected .scheck{border-color:#fff;background:#fff;}
.ss-member-overlay .scheck svg{opacity:0;transition:.18s;}
.ss-member-overlay .shead.grey .scheck svg{stroke:var(--muted);}
.ss-member-overlay .shead.green .scheck svg{stroke:var(--green);}
.ss-member-overlay .sbox.selected .scheck svg{opacity:1;}
.ss-member-overlay .sbottle{height:108px;display:flex;align-items:center;justify-content:center;margin:4px 0 6px;}
.ss-member-overlay .sbottle img{max-height:108px;max-width:100%;object-fit:contain;display:block;}
.ss-member-overlay .sbottle .mark{font-weight:800;color:var(--green);font-size:13px;letter-spacing:-.2px;}
.ss-member-overlay .ssub{font-size:13px;font-weight:700;margin-top:2px;min-height:14px;}
.ss-member-overlay .ssub.ship{color:var(--green);}
.ss-member-overlay .ssub.muted{color:var(--muted);}
.ss-member-overlay .sprice{margin-top:4px;}
.ss-member-overlay .sprice .pe{display:flex;align-items:baseline;justify-content:center;gap:2px;}
.ss-member-overlay .sprice .cur{font-size:14px;font-weight:400;margin-right:1px;align-self:flex-start;line-height:1;margin-top:2px;}
.ss-member-overlay .sprice .big{font-size:32px;font-weight:900;letter-spacing:-1.4px;line-height:1;}
.ss-member-overlay .sprice .ea{font-size:13px;font-weight:600;color:var(--ink-soft);margin-left:2px;}
.ss-member-overlay .stotals{margin-top:6px;font-size:12px;font-weight:600;color:var(--muted);line-height:1.25;}
.ss-member-overlay .stotals .st{color:var(--muted);text-decoration:line-through;margin-right:4px;}
.ss-member-overlay .stotals .sp{font-weight:700;color:var(--muted);}
.ss-member-overlay .pcta{list-style:none;margin:16px auto 0;padding:0;width:fit-content;max-width:100%;}
.ss-member-overlay .pcta li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:8px;text-align:left;}
.ss-member-overlay .pcta li:last-child{margin-bottom:0;}
.ss-member-overlay .pcta svg{flex-shrink:0;}
.ss-member-overlay .pcta .clk{stroke:var(--cta);}
.ss-member-overlay .pcta .tnum{font-weight:900;color:var(--cta);font-variant-numeric:tabular-nums;letter-spacing:.2px;display:inline-block;min-width:40px;text-align:left;}
.ss-member-overlay .pcta li.expired{color:var(--ink);font-weight:700;}
.ss-member-overlay .pcta li.expired .clk{stroke:var(--ink);}
@keyframes ss-member-pulse{
  0%,100%{box-shadow:0 6px 16px rgba(241,135,59,.34)}
  50%{box-shadow:0 6px 16px rgba(241,135,59,.34),0 0 0 8px rgba(241,135,59,.17)}
}
.ss-member-overlay .accept{
  width:100%;margin-top:14px;min-height:60px;padding:10px 16px;background:linear-gradient(180deg,#F5A04F,var(--cta));color:#fff;
  border:none;border-radius:14px;font-family:inherit;font-size:19px;font-weight:800;letter-spacing:.2px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 6px 16px rgba(241,135,59,.34);animation:ss-member-pulse 2s ease-in-out .7s infinite;transition:background .18s;
}
.ss-member-overlay .accept:active{transform:scale(.99);}
.ss-member-overlay .accept.neutral{background:var(--ink-soft);box-shadow:none;animation:none;}
.ss-member-overlay .accept .tkt{flex-shrink:0;display:block;fill:#fff;}
.ss-member-overlay .accept.neutral .tkt{display:none;}
.ss-member-overlay .trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-top:12px;font-size:11.5px;font-weight:600;color:var(--muted);}
.ss-member-overlay .trust .ti{display:inline-flex;align-items:center;gap:4px;}
.ss-member-overlay .trust svg{stroke:var(--muted);}
.ss-member-overlay .member-error{margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#fff2f2;color:#9f1d1d;font-size:13px;font-weight:600;}
body.ss-member-open{overflow:hidden;}
@media (max-width:380px){
  .ss-member-overlay .head{padding:18px 14px 16px;}
  .ss-member-overlay .h1{font-size:25px;letter-spacing:-.6px;}
  .ss-member-overlay .eyebrow{font-size:11px;letter-spacing:1.8px;gap:8px;margin-bottom:8px;}
  .ss-member-overlay .eyebrow .rule{width:16px;}
  .ss-member-overlay .body{padding:16px 12px 18px;}
  .ss-member-overlay .sbody{padding:8px 7px 12px;}
  .ss-member-overlay .sbottle{height:92px;}
  .ss-member-overlay .sbottle img{max-height:92px;}
  .ss-member-overlay .shead{padding:9px 5px;letter-spacing:.3px;}
  .ss-member-overlay .shead.grey{padding-left:34px;}
  .ss-member-overlay .scheck{left:8px;width:18px;height:18px;}
  .ss-member-overlay .sprice .big{font-size:28px;}
}
