/* Owner 2026-11-09 (approved designs C4 and C5): the pop-up sign-up form (shop pages and its preview in Admin). */
.cp-pop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}
.cp-pop[hidden],.cp-pop [hidden]{display:none!important}
.cp-pop-back{position:absolute;inset:0;background:rgba(16,24,40,.45)}
.cp-pop-card,.cp-pop-sample{position:relative;inline-size:min(100%,440px);max-block-size:calc(100dvh - 32px);overflow-y:auto;padding:24px;border-radius:20px;background:#fff;color:#101828;box-shadow:0 20px 50px rgba(16,24,40,.25);text-align:start}
.cp-pop-card h2,.cp-pop-sample h2{margin:0 0 6px;padding-inline-end:28px;font-size:20px;line-height:1.3;overflow-wrap:break-word}
.cp-pop-text{margin:0 0 12px;color:#475467;overflow-wrap:break-word}
.cp-pop-field{display:grid;gap:6px;font-size:14px;font-weight:600;margin-bottom:10px}
.cp-pop-field input{inline-size:100%;padding:11px 14px;border:1px solid var(--border,#d0d5dd);border-radius:999px;font:inherit;font-weight:400;background:#fff;color:#101828}
[dir=rtl] .cp-pop-field input{direction:ltr;text-align:right}
[dir=rtl] .cp-pop-field input::placeholder{direction:rtl}
.cp-pop-yes{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;margin-bottom:12px}
.cp-pop-yes input{flex:0 0 auto;inline-size:20px;block-size:20px;margin:1px 0 0}
.cp-pop-yes>span{min-width:0;overflow-wrap:break-word}
.cp-pop-hp{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cp-pop-msg{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#fef3f2;color:#b42318;font-size:13.5px}
.cp-pop-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cp-pop-btns .btn{flex:1 1 auto}
.cp-pop-x{position:absolute;inset-block-start:10px;inset-inline-end:10px;inline-size:36px;block-size:36px;min-inline-size:36px;min-block-size:36px;max-block-size:36px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#f2f4f7;color:#344054;font-size:20px;line-height:1;cursor:pointer;flex:0 0 36px}
.cp-pop-x svg{display:block}
.cp-pop-done{display:grid;gap:8px;outline:none}
.cp-pop-done h2{margin:0}
html.cp-pop-on{overflow:hidden}
@media (prefers-reduced-motion:no-preference){.cp-pop:not([hidden]) .cp-pop-card{animation:cp-pop-in .18s ease-out}@keyframes cp-pop-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
/* the preview in Admin */
.cp-pop-stage{display:flex;align-items:center;justify-content:center;padding:28px 16px;border-radius:16px;background:repeating-linear-gradient(135deg,#f2f4f7 0 14px,#eaecf0 14px 28px);min-width:0}
.cp-pop-sample{box-shadow:0 12px 30px rgba(16,24,40,.18)}