/* Quiz v2: messenger choice with logos + phone field with country code picker. */
.msg-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.msg-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:150px;
  border:1px solid #DCE1D7;border-radius:12px;background:#fff;color:var(--ink);font-size:17px;font-weight:600;transition:.2s}
.msg-opt svg{width:58px;height:58px;transition:transform .25s}
.msg-opt:hover{border-color:#93A975;background:#F6F8F2}
.msg-opt:hover svg{transform:scale(1.06)}
.msg-opt.sel{border-color:#829A60;background:#EFF4E6}
.msg-inline{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600;white-space:nowrap}
.msg-inline svg{width:18px;height:18px;vertical-align:-3px}

#qForm .phone{position:relative;display:flex;align-items:stretch;border:1px solid #DCE1D7;border-radius:7px;background:#FAFBF8;transition:.2s}
#qForm .phone:focus-within{background:#fff;border-color:#7E9955;box-shadow:0 0 0 3px #A9CE5C26}
#qForm .phone input[type=tel]{border:0;background:transparent;box-shadow:none;border-radius:0 7px 7px 0;flex:1;min-width:0;letter-spacing:.02em}
#qForm .phone input[type=tel]:focus{box-shadow:none;background:transparent}
.cc-btn{display:flex;align-items:center;gap:7px;padding:0 12px 0 14px;border-right:1px solid #DCE1D7;font-size:16px;color:var(--ink);white-space:nowrap;min-height:54px}
.cc-btn #ccFlag{font-size:20px;line-height:1}
.cc-btn i{font-style:normal;font-size:10px;color:var(--mut)}
.cc-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;background:#fff;border:1px solid #DCE1D7;border-radius:10px;
  box-shadow:0 18px 50px #1f2d1b1f;padding:8px;max-height:300px;display:flex;flex-direction:column}
.cc-pop[hidden]{display:none}
.cc-pop input{min-height:44px;margin-bottom:6px}
.cc-pop ul{list-style:none;margin:0;padding:0;overflow-y:auto}
.cc-pop li{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:7px;cursor:pointer;font-size:14px}
.cc-pop li:hover,.cc-pop li:focus{background:#F2F5EC;outline:none}
.cc-pop li span{font-size:18px}
.cc-pop li b{font-weight:500;flex:1;color:var(--ink)}
.cc-pop li i{font-style:normal;color:var(--mut);font-variant-numeric:tabular-nums}
.cc-pop .cc-empty{color:var(--mut);cursor:default}
#qErr{color:#B4532E;margin:-2px 0 0}
@media(max-width:600px){.msg-opt{min-height:124px;font-size:15px}.msg-opt svg{width:48px;height:48px}.cc-btn{padding:0 10px 0 12px;font-size:15px}}