/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2026 | 03:30:50 */
.cf7-quiz-wrapper{
  --q-main:#2a68f5;
  --q-main-dark:#1a52d6;
  --q-tint:#eef3ff;
  --q-border:#dfe4ee;
  --q-text:#141a24;
  --q-muted:#6b7480;
  max-width:520px;margin:0 auto;color:var(--q-text);
  font-size:15px;line-height:1.45;
}
.cf7-step{display:none;animation:quizFade .22s ease}
.cf7-step.active{display:block}
@keyframes quizFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* прогресс */
.quiz-progress{margin-bottom:16px}
.quiz-progress-track{height:5px;background:#e8ecf4;border-radius:99px;overflow:hidden}
.quiz-progress-bar{height:100%;width:20%;background:var(--q-main);border-radius:99px;transition:width .35s ease}
.quiz-progress-label{display:block;margin-top:7px;font-size:12.5px;color:var(--q-muted)}

/* заголовки */
.quiz-eyebrow{margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.02em;
  text-transform:uppercase;color:var(--q-main)}
.quiz-title{margin:0 0 4px;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.quiz-desc{margin:0 0 16px;font-size:14px;color:var(--q-muted)}
.quiz-accent{color:var(--q-main);font-weight:600}

/* карточки выбора */
.quiz-options--multi .wpcf7-checkbox{display:grid;gap:7px}
.quiz-options--multi .wpcf7-list-item{margin:0}
.quiz-options--multi .wpcf7-list-item label{
  display:flex;align-items:center;gap:11px;padding:11px 13px;
  border:1.5px solid var(--q-border);border-radius:11px;background:#fff;
  cursor:pointer;font-size:15px;font-weight:500;
  transition:border-color .14s,background .14s,box-shadow .14s}
.quiz-options--multi .wpcf7-list-item label:hover{border-color:#a9c2fb;background:#fafbff}
.quiz-options--multi .wpcf7-list-item.is-checked label,
.quiz-options--multi .wpcf7-list-item label:has(input:checked){
  border-color:var(--q-main);background:var(--q-tint);
  box-shadow:0 0 0 3px rgba(42,104,245,.10)}

.quiz-options--multi .wpcf7-list-item label::before{
  content:'';order:1;width:23px;height:23px;flex:none;opacity:.75;
  background:no-repeat center/contain}
.quiz-options--multi .wpcf7-list-item-label{order:2;flex:1}
.quiz-options--multi input[type=checkbox]{
  order:3;appearance:none;-webkit-appearance:none;margin:0;flex:none;
  width:21px;height:21px;border:1.8px solid #ccd4e2;border-radius:6px;background:#fff;
  cursor:pointer;transition:background .14s,border-color .14s}
.quiz-options--multi input[type=checkbox]:checked{
  border-color:var(--q-main);
  background:var(--q-main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
.quiz-options--multi input[type=checkbox]:focus-visible{outline:2px solid var(--q-main);outline-offset:2px}

/* иконки по порядку пунктов: Ковры / Мебель / Матрасы / Шторы / Одеяла */
.quiz-options--multi .wpcf7-list-item:nth-child(1) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a68f5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Crect x='6.5' y='8.5' width='11' height='7' rx='1'/%3E%3C/svg%3E")}
.quiz-options--multi .wpcf7-list-item:nth-child(2) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a68f5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11V8.5A2.5 2.5 0 0 1 7.5 6h9A2.5 2.5 0 0 1 19 8.5V11'/%3E%3Cpath d='M3 13a2 2 0 0 1 4 0v2h10v-2a2 2 0 0 1 4 0v5H3z'/%3E%3C/svg%3E")}
.quiz-options--multi .wpcf7-list-item:nth-child(3) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a68f5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='7' width='19' height='10' rx='3'/%3E%3Cpath d='M7.5 10v4M12 10v4M16.5 10v4'/%3E%3C/svg%3E")}
.quiz-options--multi .wpcf7-list-item:nth-child(4) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a68f5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h18'/%3E%3Cpath d='M7 4c0 7 1.5 10 0 16'/%3E%3Cpath d='M17 4c0 7-1.5 10 0 16'/%3E%3Cpath d='M12 4v16'/%3E%3C/svg%3E")}
.quiz-options--multi .wpcf7-list-item:nth-child(5) label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a68f5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 13h18M8 6v7M13 6v7M18 6v7'/%3E%3C/svg%3E")}

/* кнопки */
.quiz-nav{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:9px}
.quiz-next-btn,.quiz-submit-btn{
  width:100%;padding:15px 22px;border:0;border-radius:11px;
  background:var(--q-main);color:#fff;font-size:16px;font-weight:600;font-family:inherit;
  cursor:pointer;transition:background .15s,transform .08s,box-shadow .15s;
  box-shadow:0 4px 14px rgba(42,104,245,.28)}
.quiz-next-btn:hover,.quiz-submit-btn:hover{background:var(--q-main-dark)}
.quiz-next-btn:active,.quiz-submit-btn:active{transform:scale(.99)}
.quiz-next-btn:not(.is-ready){background:#c3cddf;box-shadow:none;color:#fff}
.quiz-next-btn:not(.is-ready):hover{background:#b6c2d8}

.quiz-alt-btn{display:block;width:100%;padding:12px 20px;border:1.5px solid var(--q-border);
  border-radius:11px;text-align:center;font-size:15px;font-weight:600;
  color:var(--q-main);text-decoration:none;background:#fff;transition:.15s}
.quiz-alt-btn:hover{border-color:var(--q-main);background:var(--q-tint)}

.quiz-back{background:none;border:0;padding:4px;color:var(--q-muted);font-size:13.5px;
  font-family:inherit;cursor:pointer}
.quiz-back:hover{color:var(--q-main)}
.quiz-hint{font-size:13.5px;color:#e0344a;font-weight:500}
.quiz-hint[hidden]{display:none}

/* поле телефона */
.quiz-input input[type=tel]{width:100%;padding:15px;border:1.5px solid var(--q-border);
  border-radius:11px;font-size:18px;font-family:inherit;text-align:center;letter-spacing:.5px;
  transition:border-color .15s,box-shadow .15s}
.quiz-input input[type=tel]:focus{outline:0;border-color:var(--q-main);
  box-shadow:0 0 0 3px rgba(42,104,245,.14)}

/* доверие / мелкий текст */
.quiz-assurance{margin-top:14px;padding:11px 13px;background:var(--q-tint);
  border-radius:10px;font-size:13.5px;line-height:1.45;color:#2c3a52}
.quiz-consent{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:#98a0ae;text-align:center}
.quiz-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;
  margin-top:18px;padding-top:14px;border-top:1px solid var(--q-border);
  font-size:12.5px;color:var(--q-muted)}
.quiz-trust span{display:inline-flex;align-items:center;gap:5px}
.quiz-trust span::before{content:'';width:13px;height:13px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a68f5' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain}

/* экран «спасибо» */
.quiz-done{text-align:center;padding:14px 0}
.quiz-done-mark{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;
  background:var(--q-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a68f5' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/26px}

/* состояния CF7 */
.wpcf7-not-valid{border-color:#e0344a !important}
.wpcf7-not-valid-tip{font-size:13px;color:#e0344a;margin-top:6px;text-align:center}
.wpcf7 form .wpcf7-response-output{margin:14px 0 0;padding:11px 13px;border-radius:10px;
  font-size:13.5px;border-width:1.5px}
.wpcf7-spinner{display:block;margin:10px auto 0}

@keyframes quizShake{10%,90%{transform:translateX(-2px)}30%,70%{transform:translateX(4px)}50%{transform:translateX(-4px)}}
.quiz-shake{animation:quizShake .4s}

/* мобильный: кнопка всегда на экране */
@media (max-width:600px){
  .quiz-title{font-size:19px}
  .quiz-options--multi .wpcf7-list-item label{padding:10px 12px;font-size:14.5px}
  .quiz-nav--sticky{position:sticky;bottom:10px;z-index:5;padding-bottom:4px;
    background:linear-gradient(to top,#fff 55%,rgba(255,255,255,0))}
}