/* ── Sjolie Professional pack gate (2026-09-23) — product page card (logged out) + pill / unit economics (logged in) ── */
.sjolie-gate{position:relative;margin:26px 0 8px;border-radius:18px;padding:2px;background:linear-gradient(120deg,#dcbfa6,#b4926e 22%,#f3ece3 42%,#cfb0cf 58%,#a9cbd8 72%,#dcbfa6);background-size:260% 260%;animation:sjolieGateHolo 9s ease-in-out infinite;box-shadow:0 26px 60px rgba(58,45,39,.22)}
.sjolie-gate-inner{position:relative;border-radius:16.5px;background:radial-gradient(120% 140% at 100% 0%,#5a4238 0%,#3a2d27 45%,#2b211d 100%);color:#f3ece3;padding:30px 32px 26px;overflow:hidden}
.sjolie-gate-inner::before{content:"";position:absolute;top:-40%;right:-20%;width:60%;aspect-ratio:1/1;background:radial-gradient(closest-side,rgba(220,191,166,.22),transparent 70%);pointer-events:none}
.sjolie-gate-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:"DM Sans",sans-serif;font-size:10.5px;letter-spacing:3.5px;text-transform:uppercase;color:#dcbfa6;font-weight:600;margin:0 0 14px}
.sjolie-gate-eyebrow i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#f3ece3,#b4926e);box-shadow:0 0 0 4px rgba(220,191,166,.18)}
.sjolie-gate-h{font-family:"Playfair Display",serif;font-weight:400;font-size:26px;line-height:1.2;margin:0 0 10px;color:#fbfbf8;letter-spacing:.2px;text-transform:none}
.sjolie-gate-p{font-size:14.5px;line-height:1.7;color:rgba(243,236,227,.82);margin:0 0 18px;max-width:52ch}
.sjolie-gate-packs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0}
.sjolie-gate-packs li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid rgba(220,191,166,.35);background:rgba(255,255,255,.04);font-family:"DM Sans",sans-serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#dcbfa6;line-height:1}
.sjolie-gate-packs svg{opacity:.8;flex:0 0 auto}
.sjolie-gate-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.sjolie-gate-btn{display:inline-block;flex:1 1 auto;text-align:center;padding:14px 22px;border-radius:2px;font-family:"DM Sans",sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:600;text-decoration:none!important;transition:.25s;line-height:1}
.sjolie-gate-btn--solid{background:#f3ece3;color:#3a2d27!important;border:1px solid #f3ece3}
.sjolie-gate-btn--solid:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.sjolie-gate-btn--ghost{background:transparent;color:#f3ece3!important;border:1px solid rgba(243,236,227,.45)}
.sjolie-gate-btn--ghost:hover{border-color:#f3ece3;background:rgba(255,255,255,.06)}
.sjolie-gate-foot{font-size:12.5px;color:rgba(243,236,227,.6);margin:0;line-height:1.6}
.sjolie-gate-foot a{color:#dcbfa6;text-decoration:underline;text-underline-offset:3px}
@keyframes sjolieGateHolo{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (prefers-reduced-motion:reduce){.sjolie-gate{animation:none}}
@media (max-width:640px){.sjolie-gate-inner{padding:24px 20px 22px}.sjolie-gate-h{font-size:22px}.sjolie-gate-btn{width:100%;text-align:center;letter-spacing:2.2px;font-size:10.5px;padding:14px 12px}}
/* logged in */
.sjolie-gate-pill{display:inline-flex;align-items:center;gap:9px;margin:14px 0 4px;padding:9px 14px;border-radius:999px;background:#f3ece3;color:#3a2d27;font-size:12.5px;line-height:1.3}
.sjolie-gate-pill i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#dcbfa6,#b4926e);flex:0 0 auto}
.sjolie-gate-pill.is-pro{background:#3a2d27;color:#f3ece3}
.sjolie-gate-pill.is-pro i{background:linear-gradient(135deg,#f3ece3,#dcbfa6)}
.sjolie-gate-pill a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sjolie-unit{display:block;margin-top:6px;font-family:"DM Sans",sans-serif;font-size:12.5px;letter-spacing:.3px;color:#6b5a50;font-weight:400}
.sjolie-unit .amount{font-size:inherit;color:inherit;font-weight:inherit}
.sjolie-unit b{color:#3a2d27;font-weight:600}
.sjolie-gate--verify .sjolie-gate-actions{margin-bottom:14px}
.sjolie-gate--verify .sjolie-gate-btn--solid{width:100%;text-align:center}
.sjolie-pro-verify .sjolie-pro-grid input[readonly]{background:#f7f3ee;color:#6b5a50;border-style:dashed}