@charset "UTF-8";

.mob-qo .qo-h,.mob-qo-al .qo-h{display:flex!important;align-items:center;justify-content:space-between;padding:18px 20px 0 24px!important;background:#fff!important;border:0!important}
.mob-qo .qo-h b{font-size:21px;font-weight:600;color:#151528}
.mob-qo .qo-x,.mob-qo-al .qo-x{width:36px;height:36px;border-radius:50%;background:#f3f4f7;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.mob-qo .qo-x i,.mob-qo-al .qo-x i{position:absolute;inset:0;opacity:0}
.mob-qo .qo-x svg,.mob-qo-al .qo-x svg{width:18px;height:18px;stroke:#4b5058;stroke-width:1.8;fill:none;stroke-linecap:round;pointer-events:none}
.mob-qo .qo-x{position:relative}.mob-qo-al .qo-x{position:relative}
.mob-qo .qo-b{padding:14px 24px 24px}
.mob-qo .qo-p{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #e7e9ee;border-radius:12px;margin-bottom:14px;text-align:left}
.mob-qo .qo-p img{width:72px;height:72px;object-fit:contain;flex:none;border-radius:8px}
.mob-qo .qo-p .n{font-size:14.5px;font-weight:500;color:#222;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mob-qo .qo-p .s{font-size:12.5px;color:#8a8f99;margin-top:3px}
.mob-qo .qo-p .pr{font-size:20px;font-weight:700;color:var(--qo-acc);margin-top:4px;white-space:nowrap}
.mob-qo .qo-lead{font-size:14.5px;color:#4b5058;line-height:1.45;margin:0 0 16px;text-align:left}
.mob-qo .qo-top{display:none;padding:10px 12px;border-radius:8px;background:#fff1f2;color:#c4001a;font-size:14px;line-height:1.4;margin:0 0 14px;text-align:left}
.mob-qo .qo-f{position:relative;margin:0 0 12px;text-align:left}
.mob-qo .qo-f input{display:block;width:100%!important;height:52px!important;border:1px solid #d6d6d6!important;border-radius:8px!important;padding:20px 14px 6px!important;margin:0!important;font-size:16px!important;color:#222;font-family:inherit;outline:none;background:#fff!important;box-shadow:none!important;box-sizing:border-box}
.mob-qo .qo-f label{position:absolute;left:15px;top:16px;margin:0;font-size:16px;font-weight:400;color:#8a8f99;pointer-events:none;transition:all .12s}
.mob-qo .qo-f label i{color:var(--qo-acc);font-style:normal}
.mob-qo .qo-f input:focus{border-color:#151528!important}
.mob-qo .qo-f input:focus+label,.mob-qo .qo-f input:not(:placeholder-shown)+label{top:7px;font-size:12px}
.mob-qo .qo-f.err input{border-color:#e0313c!important;background:#fff8f1!important}
.mob-qo .mob-qo-err{font-size:13px;color:#d4001a;margin:5px 2px 0;line-height:1.35}
.mob-qo .mob-qo-err a{color:var(--qo-acc);font-weight:600;text-decoration:none}
.mob-qo .qo-ag{margin:4px 0 16px;text-align:left}
.mob-qo .mob-agree{position:relative;display:flex!important;align-items:flex-start;gap:12px;margin:12px 0 14px;padding:12px 14px;border:1px solid #e3e6eb;border-radius:10px;background:#f6f7f9;font:400 14px/1.45 Ubuntu,Arial,sans-serif;color:#2b2f36;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:border-color .2s,background .2s;width:auto;max-width:100%;box-sizing:border-box}
.mob-qo .mob-agree:hover{border-color:#c9ced6}
.mob-qo .mob-agree>input[type=checkbox]{position:absolute!important;opacity:0!important;width:22px!important;height:22px!important;margin:0!important;left:14px;top:12px;pointer-events:none}
.mob-qo .mob-agree-box{flex:0 0 22px;width:22px;height:22px;margin-top:-1px;border:2px solid #b9bfc9;border-radius:6px;background:#fff center/14px no-repeat;box-sizing:border-box;transition:background-color .15s,border-color .15s,transform .15s}
.mob-qo .mob-agree>input:checked+.mob-agree-box{background-color:var(--qo-acc);border-color:var(--qo-acc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:scale(1.04)}
.mob-qo .mob-agree>input:focus-visible+.mob-agree-box{box-shadow:0 0 0 3px rgba(var(--qo-acc-rgb),.22)}
.mob-qo .mob-agree-txt a{color:var(--qo-acc)!important;text-decoration:underline;text-underline-offset:2px}
.mob-qo .mob-agree-err{display:none;margin-top:4px;font-size:13px;font-weight:500;color:var(--qo-acc)}
.mob-qo .mob-agree--err{border-color:var(--qo-acc);background:#fff3f4;animation:mobAgreeShake .38s}
.mob-qo .mob-agree--err .mob-agree-err{display:block}
.mob-qo .mob-agree--err .mob-agree-box{border-color:var(--qo-acc)}
@keyframes mobAgreeShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@media (max-width:767px){.mob-qo .mob-agree{font-size:15px;padding:13px 14px}.mob-qo .mob-agree-box{flex-basis:24px;width:24px;height:24px}.mob-qo .mob-agree>input[type=checkbox]{width:24px!important;height:24px!important}}
.mob-qo button.qo-btn{display:block;width:100%;height:54px;border:0;border-radius:9px;background:var(--qo-acc);color:#fff;font-size:16px;font-weight:600;font-family:inherit;box-shadow:0 8px 24px rgba(var(--qo-acc-rgb),.35);cursor:pointer;margin:0}
.mob-qo button.qo-btn:hover{background:var(--qo-acc-h)}
.mob-qo button.qo-btn:disabled{background:var(--qo-dis);box-shadow:none;cursor:default}
.mob-qo .qo-note{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;color:#8a8f99;margin-top:12px}
.mob-qo .qo-note svg{width:16px;height:16px;stroke:#8a8f99;stroke-width:1.8;fill:none;stroke-linecap:round;flex:none}

.mob-qo-al .joomly-alert-body{display:flex;flex-direction:column;align-items:center;padding:6px 28px 28px!important;text-align:center}
.mob-qo-al .joomly-alert-body .callback-text-center{order:3}
.mob-qo-al .qo-num{order:2;display:inline-block;margin:2px 0 12px;padding:5px 12px;border-radius:999px;background:#f3f4f7;font-size:14px;color:#3a3f47}
.mob-qo-al .qo-ic{width:64px;height:64px;border-radius:50%;background:var(--qo-acc-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.mob-qo-al .qo-ic svg{width:32px;height:32px;stroke:var(--qo-acc);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mob-qo-al .qo-okt{margin:0 0 6px;font-size:22px;font-weight:600;color:#151528}
.mob-qo-al .callback-text-center{margin:0;font-size:15px;color:#4b5058;line-height:1.45}
.mob-qo-al.qo-al-err .qo-ic{background:#fff1f2}.mob-qo-al.qo-al-err .qo-ic svg{stroke:#d4001a}
@media (max-width:600px){
	.mob-qo .qo-h{padding:16px 16px 0 18px!important}.mob-qo .qo-b{padding:12px 18px 20px}.mob-qo .qo-p img{width:60px;height:60px}
}