/* yesminsk-popup, стили оверлея.
   Оверлей живёт прямо в body, вне контейнера блока, поэтому
   переменные темы (--paper, --terra) тут недоступны: только явные hex.
   Все селекторы скоупим под .ympop-ov, чтобы не задеть тему и другие плагины. */

.ympop-ov{
  position:fixed; inset:0; z-index:99999;
  background:rgba(29,23,20,.62);
  display:none; align-items:center; justify-content:center;
  padding:22px;
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ympop-ov.on{display:flex}

.ympop-box{
  width:100%; max-width:540px; max-height:88vh; overflow-y:auto; overscroll-behavior:contain;
  background:#fbf6ec; color:#1d1714;
  border:2px solid #1d1714; border-radius:20px;
  box-shadow:10px 12px 0 #cf6a36;
  padding:0 26px 22px; position:relative;
  animation:ympop-pop .28s cubic-bezier(.2,.9,.3,1.2);
  text-align:left;
}
@keyframes ympop-pop{from{opacity:0;transform:translateY(18px) scale(.97) rotate(-.4deg)}to{opacity:1;transform:none}}
.ympop-box::-webkit-scrollbar{width:8px}
.ympop-box::-webkit-scrollbar-thumb{background:#d9cbb4;border-radius:8px}

.ympop-box *{box-sizing:border-box}

.ympop-top{
  position:sticky; top:0; z-index:5;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:0 -26px 14px; padding:20px 26px 12px;
  background:#fbf6ec;
  border-radius:18px 18px 0 0;
}
.ympop-x{
  flex:0 0 auto; width:34px; height:34px;
  border-radius:50%; border:1.5px solid #d6c8b1; background:#fbf6ec;
  color:#7a6a5c; font-size:18px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; padding:0;
}
.ympop-x:hover{background:#f1e6d3;color:#1d1714}

/* прогресс, пройденные шаги кликабельны */
.ympop-dots{display:flex;gap:6px;align-items:center}
.ympop-dots i,.ympop-dots button{width:22px;height:4px;border-radius:3px;background:#e0d3bd;display:block;border:0;padding:0}
.ympop-dots i.on,.ympop-dots button.on{background:#cf6a36}
.ympop-dots button{cursor:pointer;position:relative;transition:.15s}
.ympop-dots button::before{content:"";position:absolute;top:-9px;bottom:-9px;left:-4px;right:-4px}
.ympop-dots button:hover{background:#1d1714;transform:scaleY(1.8)}
.ympop-dots .bk{margin-left:6px;font-size:11.5px;font-weight:700;color:#a8977f;background:none;border:0;width:auto;height:auto;border-radius:0;cursor:pointer;padding:0}
.ympop-dots .bk:hover{color:#cf6a36;background:none;transform:none}

.ympop-who{display:flex;gap:13px;align-items:center;margin-bottom:14px}
.ympop-ava{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #1d1714;flex:0 0 auto;transform:rotate(-3deg)}
.ympop-who b{display:block;font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.ympop-who small{display:block;font-size:12.5px;color:#7a6a5c;margin-top:3px;font-weight:600;line-height:1.3}

.ympop-box h2{font-size:20px;line-height:1.28;margin:0 0 8px;letter-spacing:-.02em;font-weight:800;color:#1d1714}
.ympop-box h2 em{font-style:normal;color:#cf6a36}
.ympop-sub{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:#4a3f38}

.ympop-opts{display:grid;gap:9px;margin-bottom:16px}
.ympop-opt{
  display:flex;gap:11px;align-items:flex-start;text-align:left;width:100%;
  font:inherit;font-size:14.5px;font-weight:600;line-height:1.4;
  background:#fff;border:1.5px solid #ddd0ba;border-radius:14px;
  padding:13px 14px;cursor:pointer;transition:.15s;color:#1d1714;
}
.ympop-opt:hover{border-color:#cf6a36;transform:translateX(2px)}
.ympop-opt .em{font-size:17px;line-height:1.2}
.ympop-opt small{display:block;font-weight:500;font-size:12.5px;color:#7a6a5c;margin-top:3px}

.ympop-chk{
  display:flex;gap:11px;align-items:center;width:100%;text-align:left;
  font:inherit;font-size:14.5px;font-weight:600;
  background:#fff;border:1.5px solid #ddd0ba;border-radius:13px;
  padding:11px 13px;cursor:pointer;transition:.15s;color:#1d1714;
}
.ympop-chk .bx{width:21px;height:21px;flex:0 0 auto;border:2px solid #c3b49b;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}
.ympop-chk.on{border-color:#cf6a36;background:#fdf1e7}
.ympop-chk.on .bx{background:#cf6a36;border-color:#cf6a36}
.ympop-chk.on .bx::after{content:"\2713"}

.ympop-ans{display:grid;gap:10px;margin:2px 0 18px}
.ympop-card{background:#fff;border:1.5px solid #e3d7c2;border-left:4px solid #cf6a36;border-radius:12px;padding:12px 14px}
.ympop-card.plum{border-left-color:#7a4b63}
.ympop-card.sage{border-left-color:#6f7f63}
.ympop-card b{display:block;font-size:13px;font-weight:800;margin-bottom:5px;letter-spacing:-.01em}
.ympop-card p{margin:0;font-size:13.6px;line-height:1.55;color:#4a3f38}
.ympop-card a{color:#cf6a36;font-weight:700;text-decoration:none;border-bottom:1.5px solid #f0c9b0}
.ympop-card a:hover{border-color:#cf6a36}

.ympop-gift{background:#fdf1e7;border:1.5px dashed #cf6a36;border-radius:16px;padding:15px 15px 13px;margin-bottom:16px}
.ympop-gift .ph{float:right;width:92px;height:92px;border-radius:14px;object-fit:cover;border:2px solid #1d1714;transform:rotate(2.5deg);margin:0 0 8px 12px}
.ympop-gift h3{font-size:15px;margin:0 0 9px;letter-spacing:-.01em;font-weight:800}
.ympop-gift ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.ympop-gift li{font-size:13.6px;line-height:1.5;color:#3e342d}
.ympop-gift li b{display:block;font-weight:800}
.ympop-gift .cap{clear:both;margin:11px 0 0;font-size:12px;color:#8a7868;font-style:italic}

.ympop-f{display:grid;gap:10px;margin-bottom:12px}
.ympop-f label{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7a6a5c;margin-bottom:-4px}
.ympop-f textarea,.ympop-f input{
  font:inherit;font-size:14.5px;width:100%;background:#fff;
  border:1.5px solid #ddd0ba;border-radius:12px;padding:12px 13px;color:#1d1714;resize:vertical;
}
.ympop-f textarea{min-height:66px}
.ympop-f textarea:focus,.ympop-f input:focus{outline:none;border-color:#cf6a36;box-shadow:0 0 0 3px rgba(207,106,54,.14)}
.ympop-hint{font-size:12px;color:#8a7868;margin:-4px 0 0;line-height:1.45}
.ympop-hint.err{color:#cf6a36;font-weight:700}

.ympop-cta{
  width:100%;font:inherit;font-size:14.5px;font-weight:800;
  background:#cf6a36;color:#fff;border:0;border-radius:13px;
  padding:15px 16px;cursor:pointer;transition:.15s;letter-spacing:-.01em;
}
.ympop-cta:hover{background:#b95627}
.ympop-cta[disabled]{opacity:.6;cursor:default}
.ympop-cta.dark{background:#1d1714}
.ympop-cta.dark:hover{background:#3a302a}

.ympop-or{display:flex;align-items:center;gap:10px;margin:15px 0 11px;font-size:12px;font-weight:700;color:#8a7868;text-transform:uppercase;letter-spacing:.05em}
.ympop-or::before,.ympop-or::after{content:"";flex:1;height:1px;background:#e0d3bd}

.ympop-msg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ympop-msg a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 6px;border:1.5px solid #ddd0ba;border-radius:12px;background:#fff;text-decoration:none;color:#1d1714;font-size:12.5px;font-weight:700;transition:.15s}
.ympop-msg a:hover{border-color:#1d1714;transform:translateY(-2px)}
.ympop-msg .ic{font-size:17px}

.ympop-skip{display:block;width:100%;background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:#8a7868;text-decoration:underline;cursor:pointer;margin-top:14px;padding:4px}
.ympop-skip:hover{color:#1d1714}

.ympop-fine{font-size:11px;line-height:1.5;color:#9c8b7b;margin:12px 0 0}

.ympop-fin{text-align:center;padding:6px 0 2px}
.ympop-fin img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:2.5px solid #1d1714;transform:rotate(-3deg);margin-bottom:14px}
.ympop-fin h2{font-size:21px;margin:0 0 9px;letter-spacing:-.02em}
.ympop-fin p{font-size:14.5px;line-height:1.6;color:#4a3f38;margin:0 auto 16px;max-width:400px}

@media(max-width:560px){
  .ympop-ov{padding:0;align-items:flex-end}
  .ympop-box{max-width:100%;max-height:92vh;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;box-shadow:0 -6px 0 #cf6a36;padding:0 18px 26px}
  .ympop-top{margin:0 -18px 12px;padding:16px 18px 10px}
  .ympop-box h2{font-size:18px}
  .ympop-gift .ph{width:76px;height:76px}
}

@media(prefers-reduced-motion:reduce){
  .ympop-box{animation:none}
  .ympop-opt:hover,.ympop-msg a:hover,.ympop-dots button:hover{transform:none}
}