/* Yoga popup form styles - pure CSS only */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');
#ytp-modal{--pri:#1fbf9f;--pri2:#17a287;--ink:#222;--mute:#6a7b76;--line:#cdebe3;--field:#e8f7f2;--wa:#25d366;
  position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:16px;
  background:rgba(10,40,34,.6);font-family:Jost,system-ui,sans-serif;color:var(--ink);line-height:1.4}
#ytp-modal.ytp-open{display:flex}
#ytp-modal *{box-sizing:border-box}
#ytp-modal .ytp-wrap{position:relative;display:grid;grid-template-columns:280px 1fr;grid-template-rows:minmax(0,1fr);width:100%;max-width:860px;height:auto;max-height:92vh;max-height:92dvh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
#ytp-modal .ytp-side{background:linear-gradient(160deg,#1fbf9f,#12907a);color:#fff;padding:32px 26px;display:flex;flex-direction:column;gap:18px}
#ytp-modal .ytp-side h2{font-family:Jost,sans-serif;font-weight:600;font-size:30px;line-height:1.15;margin:0;color:#fff}
#ytp-modal .ytp-side h2 em{font-style:normal;color:#0d5c4c}
#ytp-modal .ytp-side p{font-size:14px;line-height:1.6;color:#d4f5ec;margin:0}
#ytp-modal .ytp-info{margin-top:auto;display:flex;flex-direction:column;gap:14px;font-size:14px}
#ytp-modal .ytp-info small{display:block;color:#d4f5ec;font-size:12px;margin-bottom:2px}
#ytp-modal .ytp-form{padding:32px 30px;min-height:0;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#ytp-modal .ytp-side{min-height:0}
#ytp-modal .ytp-title{font-size:13px;color:var(--pri2);font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-right:36px}
#ytp-modal .ytp-title::after{content:"";flex:1;height:1px;background:var(--line)}
#ytp-modal .ytp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ytp-modal .ytp-full{grid-column:1/-1}
#ytp-modal label{display:block;font-size:13px;color:var(--mute);margin:0 0 6px}
#ytp-modal input,#ytp-modal select,#ytp-modal textarea{width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:11px 14px;outline:none;margin:0;height:auto}
#ytp-modal input:focus,#ytp-modal select:focus,#ytp-modal textarea:focus{border-color:var(--pri2);box-shadow:0 0 0 3px rgba(31,191,159,.25)}
#ytp-modal textarea{min-height:76px;resize:vertical}
#ytp-modal .ytp-err{border-color:#c0392b!important}
#ytp-modal .ytp-btn{width:100%;margin-top:18px;padding:15px;border:0;border-radius:12px;background:var(--wa);color:#fff;font:600 15px Jost,sans-serif;cursor:pointer;display:flex;gap:10px;justify-content:center;align-items:center;box-shadow:0 8px 20px rgba(37,211,102,.3)}
#ytp-modal .ytp-btn:focus-visible,#ytp-modal .ytp-close:focus-visible{outline:3px solid #0f7f69;outline-offset:2px}
#ytp-modal .ytp-note{font-size:12px;color:var(--mute);margin-top:10px;text-align:center;min-height:16px}
#ytp-modal .ytp-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#e8f7f2;color:#12907a;font-size:22px;line-height:1;cursor:pointer;z-index:2}
@media(max-width:720px){
  #ytp-modal .ytp-wrap{grid-template-columns:1fr}
  #ytp-modal .ytp-side{display:none}
  #ytp-modal .ytp-form{padding:26px 18px}
  #ytp-modal .ytp-grid{grid-template-columns:1fr}
}