/* The Womb Shakti practice pop-up - ONE component for every page that shows it
   (the homepage and /womb-shakti), so the two can never drift apart again
   (bliss, 27 Sep 12:47: "make them one component, identical, using the
   /womb-shakti version").

   Ground: Figa #4E1B2A - Anna's ruling, "dark yes but not black". Every line on
   it passes: cream 12.6:1, pale gold 7.6:1, the small grey 7.7:1. The button is
   wine with a pale-gold edge so it reads as a button on the plum. Rounded,
   pills, no straight lines. Explicit font stacks: this file must not depend on
   either page's CSS variables. */
.wpop{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(20,12,16,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.wpop.show{display:flex}
.wpop .card{position:relative;overflow:hidden;background:#4E1B2A;border:1px solid rgba(217,188,126,.35);border-radius:14px;max-width:480px;width:100%;padding:46px 40px 34px;text-align:center;box-shadow:0 50px 100px -40px rgba(20,12,16,.75)}
.wpop .x{position:absolute;top:8px;right:8px;z-index:2;width:44px;height:44px;font-size:26px;line-height:1;color:#FAF3E9;background:rgba(78,27,42,.55);border:none;border-radius:50%;cursor:pointer}
.wpop .x:focus-visible{outline:2px solid #D9BC7E;outline-offset:2px}
.wpop .wimg{height:180px;margin:-46px -40px 24px;background:#4E1B2A url('/assets/lono-shakti/b-oddech.jpg') center 40%/cover no-repeat}
.wpop .eyebrow{font-family:'Instrument Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:600;color:#D9BC7E;margin:0 0 14px}
.wpop h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,40px);line-height:1.06;letter-spacing:-.012em;color:#FAF3E9;margin:0 0 14px}
.wpop p{font-family:'Newsreader',Georgia,serif;font-weight:300;font-size:17px;line-height:1.65;color:#F3EADF;margin:0 0 22px}
.wpop .rec{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(17px,1.5vw,20px);color:#D9BC7E;margin:-8px 0 20px}
.wpop form{display:flex;border:1px solid rgba(217,188,126,.45);border-radius:40px;overflow:hidden;background:rgba(250,243,233,.08)}
.wpop input{flex:1;min-width:0;padding:14px 18px;border:none;font-family:'Newsreader',Georgia,serif;font-size:16px;background:transparent;color:#FAF3E9}
.wpop input::placeholder{color:rgba(250,243,233,.62)}
.wpop button[type=submit]{flex:none;padding:14px 20px;background:#6E3247;border:none;border-left:1px solid rgba(217,188,126,.45);color:#FAF3E9;font-family:'Instrument Sans',Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.wpop button[type=submit]:hover{background:#7E3B4E}
.wpop .fine a{color:#D9BC7E;text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1px;text-underline-offset:4px}
.wpop .fine,.wpop [data-form-note]{font-family:'Instrument Sans',Arial,sans-serif;font-size:12px;line-height:1.6;color:#CDBFB0 !important;margin:14px 0 0}
@media(max-width:520px){
  .wpop .card{padding:38px 22px 28px}
  .wpop .wimg{height:140px;margin:-38px -22px 20px}
  .wpop h3{font-size:30px}
  .wpop form{flex-direction:column;border:0;background:transparent;gap:10px;border-radius:0;overflow:visible}
  .wpop input{border:1px solid rgba(217,188,126,.45);border-radius:40px;background:rgba(250,243,233,.08)}
  .wpop button[type=submit]{border:1px solid rgba(217,188,126,.45);border-radius:40px;padding:15px 20px}
}