/* viborgeneratora.ru — квиз «Подбор генератора». Основа — стили квиза generatorsales.ru (gs-quiz.css, без изменений),
   ниже — тёмная тема сайта и блок-анонс на странице. */

/* generatorsales.ru — квиз, «Перезвоните», кнопка связи */
.gsq-lock,.gsq-lock body{overflow:hidden}
.gsq-ov{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .2s}
.gsq-ov.on{opacity:1}
.gsq-bg{position:absolute;inset:0;background:rgba(16,28,36,.62);backdrop-filter:blur(4px)}
.gsq-box{position:relative;width:100%;max-width:760px;max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:24px;padding:34px 36px 28px;box-shadow:0 30px 80px rgba(10,20,28,.35);font-family:Manrope,system-ui,sans-serif;color:var(--ink,#1b1f24);overscroll-behavior:contain}
.gsq-cbm .gsq-box{max-width:460px}
.gsq-x{position:absolute;right:14px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:var(--soft,#f2f2f0);font-size:24px;line-height:1;cursor:pointer;color:var(--ink,#1b1f24)}
.gsq-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-right:44px}
.gsq-t{font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--acc,#c62b22)}
.gsq-prog{flex:1 1 120px;height:6px;border-radius:9px;background:var(--soft,#f2f2f0);overflow:hidden}
.gsq-prog i{display:block;height:100%;background:var(--brand,#1f3a4d);border-radius:9px;transition:width .3s}
.gsq-n{font-size:12.5px;color:var(--mut,#7d858e)}
.gsq-q{font-family:Unbounded,Manrope,sans-serif;font-weight:500;font-size:26px;line-height:1.2;letter-spacing:-.02em;margin:22px 0 6px}
.gsq-hint{font-size:14px;color:var(--ink2,#525a63);margin:6px 0 0;line-height:1.5}
.gsq-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.gsq-opt{text-align:left;padding:16px 18px;border:1px solid var(--line,#e8e9e6);border-radius:16px;background:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;color:inherit;transition:border-color .2s,box-shadow .2s,background .2s;min-height:58px}
.gsq-opt:hover{border-color:var(--brand,#1f3a4d)}
.gsq-opt.on{border-color:var(--brand,#1f3a4d);background:#eef3f6;box-shadow:0 0 0 3px rgba(31,58,77,.12)}
.gsq-calc{margin-top:16px;border:1px dashed var(--line,#e8e9e6);border-radius:16px;padding:12px 16px}
.gsq-calc summary{cursor:pointer;font-weight:600;color:var(--brand,#1f3a4d);font-size:14.5px}
.gsq-cl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:12px;font-size:14px}
.gsq-cl label{display:flex;gap:8px;align-items:center;cursor:pointer}
.gsq-cl input{width:18px;height:18px;accent-color:var(--brand,#1f3a4d);flex:none}
.gsq-cl em{font-style:normal;color:var(--mut,#7d858e);margin-left:auto;white-space:nowrap}
.gsq-cres{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px;font-size:15px}
.gsq-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.gsq-back,.gsq-skip{border:0;background:none;font:inherit;font-size:14px;color:var(--ink2,#525a63);cursor:pointer;padding:8px 0}
.gsq-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:99px;background:var(--brand,#1f3a4d);color:#fff;font:inherit;font-weight:600;font-size:15px;padding:14px 24px;cursor:pointer;white-space:nowrap}
.gsq-btn:hover{background:var(--brand2,#16303f)}
.gsq-btn[disabled]{opacity:.5;pointer-events:none}
.gsq-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.gsq-card{display:flex;flex-direction:column;border:1px solid var(--line,#e8e9e6);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;background:#fff;transition:border-color .2s}
.gsq-card:hover{border-color:var(--brand,#1f3a4d)}
.gsq-card img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--soft,#f2f2f0)}
.gsq-card div{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.gsq-card b{font-size:14.5px;line-height:1.25}
.gsq-card span{font-size:12.5px;color:var(--ink2,#525a63)}
.gsq-card em{font-style:normal;font-weight:700;font-size:15px;color:var(--brand,#1f3a4d);margin-top:2px}
.gsq-form{margin-top:18px}
.gsq-row{display:flex;gap:10px;flex-wrap:wrap}
.gsq-row input{flex:1 1 180px;min-width:0;height:52px;border:1px solid var(--line,#e8e9e6);border-radius:14px;padding:0 16px;font:inherit;font-size:15px;background:#fff;outline:none;color:inherit}
.gsq-row input:focus{border-color:var(--brand,#1f3a4d);box-shadow:0 0 0 4px rgba(31,58,77,.08)}
.gsq-via{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:14px}
.gsq-via span{color:var(--ink2,#525a63)}
.gsq-via label{display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:600}
.gsq-via input{accent-color:var(--brand,#1f3a4d);width:18px;height:18px}
.gsq-chk{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--ink2,#525a63);margin-top:12px;cursor:pointer;line-height:1.45}
.gsq-chk input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--brand,#1f3a4d)}
.gsq-chk a{text-decoration:underline;color:inherit}
.gsq-send{margin-top:16px;width:100%}
.gsq-err{color:var(--acc,#c62b22);font-weight:600;font-size:14px;margin-top:10px;min-height:0}
.gsq-err:empty{display:none}
.gsq-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.gsq-done{text-align:center;padding:30px 10px 10px}
.gsq-done b{display:block;font-family:Unbounded,Manrope,sans-serif;font-weight:500;font-size:24px;margin-bottom:10px;color:var(--ok,#2f6b4f)}
.gsq-done p{color:var(--ink2,#525a63);margin:0 0 20px;line-height:1.55}
.gsq-done.sm{text-align:left;padding:8px 0}.gsq-done.sm b{font-size:18px}
.gsq-cbh b{display:block;font-family:Unbounded,Manrope,sans-serif;font-weight:500;font-size:24px;line-height:1.2;padding-right:40px}
.gsq-cbh p{color:var(--ink2,#525a63);margin:8px 0 16px;font-size:14.5px;line-height:1.5}
.gsq-cbf .gsq-row input{flex-basis:170px}
/* ссылка в карточке товара */
.gsq-cblink{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:0;background:none;padding:4px 0;font:inherit;font-size:14.5px;font-weight:600;color:var(--brand,#1f3a4d);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.gsq-cblink i,.gsq-menu i{display:inline-flex;font-style:normal}
/* подвал */
.gsq-foot{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px 30px;align-items:center;margin-top:34px;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.07);color:#fff}
.gsq-foot b{display:block;font-size:17px;margin-bottom:4px}
.gsq-foot span{font-size:13.5px;color:rgba(255,255,255,.7)}
.gsq-foot .gsq-row input{background:#fff}
.gsq-foot .gsq-chk{color:rgba(255,255,255,.7)}
.gsq-foot .gsq-btn{background:var(--acc,#c62b22)}
.gsq-foot .gsq-done b{color:#fff}.gsq-foot .gsq-done p{color:rgba(255,255,255,.75);margin:0}
/* кнопка связи */
.gsq-fab{position:fixed;right:24px;bottom:24px;z-index:36;font-family:Manrope,system-ui,sans-serif}
.gsq-fbtn{width:60px;height:60px;border-radius:50%;border:0;background:var(--acc,#c62b22);color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(198,43,34,.38);display:grid;place-items:center;font-size:30px;line-height:1}
.gsq-fbtn .c{display:none}
.gsq-fab.open .gsq-fbtn .o{display:none}.gsq-fab.open .gsq-fbtn .c{display:block}
.gsq-menu{position:absolute;right:0;bottom:72px;width:280px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(10,20,28,.28);padding:10px;display:none;flex-direction:column;gap:2px}
.gsq-fab.open .gsq-menu{display:flex}
.gsq-mh{font-size:12.5px;color:var(--mut,#7d858e);padding:6px 10px 8px}
.gsq-menu a,.gsq-menu button{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ink,#1b1f24);text-decoration:none;cursor:pointer;text-align:left}
.gsq-menu a:hover,.gsq-menu button:hover{background:var(--soft,#f2f2f0)}
.gsq-menu i{width:32px;height:32px;border-radius:50%;background:var(--soft,#f2f2f0);align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--brand,#1f3a4d);flex:none}
.gsq-fab.gsq-nofab .gsq-fbtn{display:none}
.totop{bottom:96px}
/* мобильная панель */
.gsq-bar{display:none}
@media(max-width:760px){
  .gsq-box{padding:26px 18px 20px;border-radius:20px;max-height:calc(100dvh - 20px)}
  .gsq-ov{padding:10px;align-items:end}
  .gsq-q{font-size:21px;margin-top:16px}
  .gsq-opts{grid-template-columns:1fr}
  .gsq-cl{grid-template-columns:1fr}
  .gsq-res{grid-template-columns:1fr}
  .gsq-card{flex-direction:row}.gsq-card img{width:110px;aspect-ratio:auto;height:auto;object-fit:contain}
  .gsq-foot{grid-template-columns:1fr;padding:18px 16px}
  .gsq-cbf .gsq-row .gsq-btn{flex:1 1 100%}
  .gsq-hasbar .gsq-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:36;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 -6px 24px rgba(10,20,28,.12)}
  .gsq-bq{flex:1;height:48px;border:0;border-radius:99px;background:var(--brand,#1f3a4d);color:#fff;font:inherit;font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 14px}
  .gsq-bc{width:48px;height:48px;flex:none;border:0;border-radius:50%;background:var(--acc,#c62b22);color:#fff;display:grid;place-items:center;cursor:pointer}
  .gsq-hasbar body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .gsq-hasbar .gsq-fbtn{display:none}
  .gsq-hasbar .gsq-fab{right:10px;bottom:calc(72px + env(safe-area-inset-bottom))}
  .gsq-hasbar .gsq-menu{bottom:0;width:min(300px,calc(100vw - 20px))}
  .gsq-hasbar .totop{bottom:calc(80px + env(safe-area-inset-bottom));right:14px}
  .gsq-hasbar .ckb{bottom:calc(76px + env(safe-area-inset-bottom))}
  .totop{bottom:88px}
}
.gsq-fab.open{z-index:125}
@media(max-width:760px){.gsq-hero{white-space:normal;max-width:100%;text-align:left;line-height:1.3}}
@media(max-width:360px){.gsq-bq{font-size:13.5px;padding:0 10px}}
/* онлайн-чат */
.gsq-chat{position:fixed;right:24px;bottom:96px;z-index:126;width:380px;height:min(560px,calc(100vh - 130px));background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(10,20,28,.32);display:none;flex-direction:column;overflow:hidden;font-family:Manrope,system-ui,sans-serif;color:var(--ink,#1b1f24)}
.gsq-chat.on{display:flex}
.gsq-ch{display:flex;align-items:center;gap:10px;padding:16px 16px 14px 20px;background:var(--brand,#1f3a4d);color:#fff}
.gsq-ch b{display:block;font-size:16px}
.gsq-ch span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(255,255,255,.75);margin-top:2px}
.gsq-ch span i{width:8px;height:8px;border-radius:50%;background:#b0b7bd;flex:none}.gsq-ch span i.on{background:#3ecf6e}
.gsq-x2{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer;flex:none}
.gsq-cm{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--soft,#f2f2f0);overscroll-behavior:contain}
.gsq-m{max-width:84%;align-self:flex-start}
.gsq-m>div{background:#fff;border-radius:16px 16px 16px 4px;padding:9px 13px;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.gsq-m small{display:block;font-size:11px;color:var(--mut,#7d858e);margin:3px 6px 0}
.gsq-m.v{align-self:flex-end}.gsq-m.v>div{background:var(--brand,#1f3a4d);color:#fff;border-radius:16px 16px 4px 16px}.gsq-m.v small{text-align:right}
.gsq-m.s>div{background:#fff7e0;font-size:13.5px}
.gsq-qk{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.gsq-qk button{border:1px solid var(--brand,#1f3a4d);background:#fff;color:var(--brand,#1f3a4d);border-radius:99px;padding:8px 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.gsq-qk button:hover{background:var(--brand,#1f3a4d);color:#fff}
.gsq-ask{background:#fff;border-radius:16px;padding:12px;margin-top:4px}
.gsq-ask p{margin:0 0 8px;font-size:13.5px;color:var(--ink2,#525a63)}
.gsq-ask .gsq-row input{height:44px;flex-basis:120px;font-size:14px}
.gsq-askb{display:flex;gap:10px;align-items:center;margin-top:8px}.gsq-askb .gsq-btn{padding:11px 18px;font-size:14px}
.gsq-later{border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink2,#525a63);cursor:pointer}
.gsq-cf{padding:10px 12px 12px;border-top:1px solid var(--line,#e8e9e6);background:#fff}
.gsq-cf .gsq-chk{margin:0 0 8px}
.gsq-cin{display:flex;gap:8px;align-items:flex-end}
.gsq-cin textarea{flex:1;min-width:0;resize:none;border:1px solid var(--line,#e8e9e6);border-radius:14px;padding:11px 14px;font:inherit;font-size:15px;line-height:1.4;max-height:120px;outline:none;color:inherit}
.gsq-cin textarea:focus{border-color:var(--brand,#1f3a4d)}
.gsq-csend{width:46px;height:46px;border-radius:50%;border:0;background:var(--acc,#c62b22);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.gsq-cf .gsq-err{margin-top:6px}
.gsq-unr{margin-left:auto;background:var(--acc,#c62b22);color:#fff;border-radius:99px;font-size:12px;line-height:20px;min-width:20px;text-align:center;padding:0 6px}
.gsq-hasunr .gsq-fbtn::after,.gsq-bc.gsq-hasunr::after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#3ecf6e;border:2px solid #fff}
.gsq-fbtn,.gsq-bc{position:relative}
.gsq-chatopen .gsq-fab{display:none}
/* приглашение */
.gsq-inv{position:fixed;right:24px;bottom:96px;z-index:37;width:300px;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(10,20,28,.26);padding:16px 18px;font-family:Manrope,system-ui,sans-serif;animation:gsqin .35s ease}
.gsq-inv b{display:block;font-size:15px;padding-right:24px}.gsq-inv p{margin:6px 0 12px;font-size:14px;color:var(--ink2,#525a63);line-height:1.45}
.gsq-inv .gsq-btn{padding:11px 18px;font-size:14px}
.gsq-invx{position:absolute;right:8px;top:6px;border:0;background:none;font-size:22px;color:var(--mut,#7d858e);cursor:pointer}
@keyframes gsqin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .gsq-chat{inset:0;width:auto;height:auto;border-radius:0;right:0;bottom:0;height:100dvh}
  .gsq-chatopen,.gsq-chatopen body{overflow:hidden}
  .gsq-chatopen .gsq-bar{display:none!important}
  .gsq-cin textarea{font-size:16px}
  .gsq-inv{right:10px;left:10px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}
}
/* 28.09.2026 — квиз по макету: картинки в ответах, нумерованные шаги, интро, контакты с email и бонусом */
.gsq-dots{display:flex;align-items:center;gap:0;list-style:none;margin:16px 0 0;padding:0;counter-reset:none}
.gsq-dots li{flex:1 1 0;display:flex;align-items:center;min-width:0}
.gsq-dots li:last-child{flex:0 0 auto}
.gsq-dots li::after{content:"";flex:1;height:2px;margin:0 4px;background:var(--line,#e8e9e6);border-radius:2px}
.gsq-dots li:last-child::after{display:none}
.gsq-dots span{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--mut,#7d858e);background:#fff;border:1.5px solid var(--line,#e8e9e6)}
.gsq-dots li.ok span{background:#eef3f6;border-color:#eef3f6;color:var(--brand,#1f3a4d)}
.gsq-dots li.ok::after{background:var(--brand,#1f3a4d)}
.gsq-dots li.on span{background:var(--acc,#c62b22);border-color:var(--acc,#c62b22);color:#fff;box-shadow:0 0 0 4px rgba(198,43,34,.14)}
.gsq-quiz .gsq-prog,.gsq-quiz .gsq-n{display:none}
.gsq-qn{color:var(--acc,#c62b22)}
.gsq-opt.gsq-rich{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;min-height:0;font-weight:400}
.gsq-opts.gsq-l-img,.gsq-opts.gsq-l-icon,.gsq-opts.gsq-l-rows{grid-template-columns:minmax(0,1fr)}
.gsq-ot{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.gsq-ot b{font-size:16px;font-weight:700;line-height:1.25}
.gsq-od{font-size:13.5px;color:var(--ink2,#525a63);line-height:1.4}
ul.gsq-od{margin:2px 0 0;padding:0 0 0 16px}
ul.gsq-od li{margin:1px 0}
.gsq-om{flex:none;width:150px;height:100px;border-radius:12px;background:var(--soft,#f2f2f0);overflow:hidden;display:block}
.gsq-om img{width:100%;height:100%;object-fit:contain;display:block}
.gsq-oi{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#eef3f6;color:var(--brand,#1f3a4d)}
.gsq-ic{width:26px;height:26px;display:block}
.gsq-arr{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--acc,#c62b22);color:#fff;margin-left:auto;transition:transform .2s}
.gsq-opt:hover .gsq-arr{transform:translateX(3px)}
.gsq-opt.on .gsq-arr{background:var(--brand,#1f3a4d)}
.gsq-l-rows .gsq-opt.gsq-rich{padding:14px 14px 14px 18px}
.gsq-opts.gsq-l-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.gsq-opt.gsq-tile{position:relative;padding:0;overflow:hidden;min-height:150px;border:0;background:#26343d;color:#fff;display:block;aspect-ratio:4/3}
.gsq-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gsq-tile:hover img{transform:scale(1.04)}
.gsq-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,26,0) 30%,rgba(12,20,26,.82) 100%)}
.gsq-tl{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;display:flex;align-items:flex-end;gap:8px;text-align:left}
.gsq-tl .gsq-ic{width:30px;height:30px;flex:none;color:#fff}
.gsq-tl b{font-size:15.5px;font-weight:700;line-height:1.2;flex:1;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.gsq-tile.on{box-shadow:0 0 0 3px var(--acc,#c62b22)}
.gsq-f2 .gsq-fi{display:flex;align-items:center;gap:10px;height:54px;border:1px solid var(--line,#e8e9e6);border-radius:14px;padding:0 14px;margin-top:10px;background:#fff;color:var(--mut,#7d858e)}
.gsq-f2 .gsq-fi:focus-within{border-color:var(--brand,#1f3a4d);box-shadow:0 0 0 4px rgba(31,58,77,.08)}
.gsq-f2 .gsq-fi .gsq-ic{width:22px;height:22px;flex:none}
.gsq-f2 .gsq-fi input{flex:1;min-width:0;height:100%;border:0;outline:none;background:none;font:inherit;font-size:15.5px;color:var(--ink,#1b1f24)}
.gsq-f2 .gsq-send{background:var(--acc,#c62b22)}
.gsq-f2 .gsq-send:hover{background:#a8221b}
.gsq-bonus{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:14px;background:#fff6ec;font-size:13.5px;line-height:1.45;color:var(--ink2,#525a63)}
.gsq-bonus .gsq-ic{width:24px;height:24px;flex:none;color:#e0781b}
.gsq-bonus b{color:var(--ink,#1b1f24)}
.gsq-pre{font-weight:700;font-size:14.5px;text-align:left;margin:4px 0 0}
.gsq-done .gsq-res{text-align:left;margin-bottom:20px}
.gsq-done .gsq-card b{display:block;font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:14.5px;line-height:1.25;margin:0;color:var(--ink,#1b1f24)}
/* интро слева на широком экране */
.gsq-intro{display:none}
@media (min-width:900px){
  .gsq-wide .gsq-box{max-width:1040px;padding:0;display:flex;overflow:hidden}
  .gsq-wide .gsq-in{flex:1;min-width:0;overflow:auto;padding:30px 34px 26px;max-height:calc(100dvh - 40px);overscroll-behavior:contain}
  .gsq-wide .gsq-intro{display:block;position:relative;flex:0 0 330px;background:#16242d;color:#fff;overflow:hidden}
  .gsq-intro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
  .gsq-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,24,31,.92) 0%,rgba(14,24,31,.55) 55%,rgba(14,24,31,.9) 100%)}
  .gsq-ii{position:relative;z-index:1;padding:36px 30px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}
  .gsq-ik{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);font-weight:700}
  .gsq-ii>b{display:block;font-family:Unbounded,Manrope,sans-serif;font-weight:500;font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:14px 0 22px}
  .gsq-ii>b em{font-style:normal;color:#ff8a3d}
  .gsq-ii ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
  .gsq-ii li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.35}
  .gsq-ii li .gsq-ic{width:26px;height:26px;flex:none;color:#ff8a3d}
  .gsq-in2{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.8)}
  .gsq-in2 .gsq-ic{width:20px;height:20px}
  .gsq-wide .gsq-x{z-index:3}
}
@media (max-width:760px){
  .gsq-dots span{width:22px;height:22px;font-size:11px}
  .gsq-dots li::after{margin:0 2px}
  .gsq-om{width:96px;height:72px}
  .gsq-opt.gsq-rich{gap:10px}
  .gsq-ot b{font-size:15px}
  .gsq-od{font-size:12.5px}
  .gsq-arr{width:28px;height:28px}
  .gsq-opt.gsq-tile{min-height:0}
  .gsq-tl b{font-size:14px}
  .gsq-tile .gsq-arr{display:none}
  .gsq-tl .gsq-ic{width:24px;height:24px}
}
@media (max-width:360px){
  .gsq-om{width:78px;height:62px}
  .gsq-dots span{width:20px;height:20px}
  .gsq-tl{left:9px;right:9px;bottom:9px}
  .gsq-tl .gsq-arr{display:none}
  .gsq-tl .gsq-ic{display:none}
  .gsq-tl b{font-size:13px}
}

/* 16.10.2026: подсветка поля/чекбокса при ошибке валидации (оформление, логика не менялась) */
.gsq-bad{outline:2px solid var(--acc,#c62b22);outline-offset:2px;border-radius:12px}
.gsq-chk.gsq-bad{background:rgba(198,43,34,.08);outline-offset:4px;border-radius:8px}
.gsq-chk.gsq-bad input{accent-color:var(--acc,#c62b22);outline:2px solid var(--acc,#c62b22);outline-offset:1px}

/* 16.10.2026: честный подбор — пояснение, когда точных совпадений нет */
.gsq-warn{display:block;margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(198,43,34,.07);border:1px solid rgba(198,43,34,.22);text-align:left}
.gsq-warn b{display:block;font-size:14px;font-weight:700;line-height:1.45;color:var(--ink,#1b1f24)}
.gsq-warn span{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--ink2,#525a63)}
.gsq-warn+.gsq-res{margin-top:10px}
.gsq-tag{align-self:flex-start;font-style:normal;font-size:11px;font-weight:700;line-height:1.2;padding:3px 7px;border-radius:999px;background:rgba(198,43,34,.1);color:var(--acc,#c62b22)}

/* 16.10.2026 (2): пояснение, когда часть вариантов ответа скрыта */
.gsq-hid{margin:10px 2px 0;font-size:12.5px;line-height:1.45;color:var(--ink2,#525a63);text-align:left}


/* ===== viborgeneratora: тёмная тема поверх стилей квиза generatorsales (цвета и шрифты слоя vg-refresh) ===== */
.gsq-ov, .vgq {
	--ink: rgba(255,255,255,.94); --ink2: rgba(255,255,255,.74); --mut: rgba(255,255,255,.56);
	--line: #3D5E76; --soft: #2E485B; --brand: #FF6F00; --brand2: #E16403; --acc: #FF6F00; --ok: #60D669;
}
.gsq-ov .gsq-box { background: #233746; color: var(--ink); font-family: sfpro, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; border: 1px solid rgba(255,255,255,.09); }
.gsq-ov .gsq-q, .gsq-ov .gsq-ii > b, .gsq-ov .gsq-done b, .vgq .gsq-q { font-family: kinetika, sfpro, system-ui, sans-serif; font-weight: 600; letter-spacing: -.01em; color: #fff; word-break: normal; overflow-wrap: normal; hyphens: manual; }
.gsq-ov .gsq-done .gsq-card b { font-family: sfpro, system-ui, sans-serif; color: #fff; }
.gsq-ov .gsq-done > b { color: var(--ok); }
.gsq-ov .gsq-wide .gsq-intro, .gsq-ov .gsq-intro { background: #16242d; }
.gsq-ov .gsq-ii > b em, .gsq-ov .gsq-ii li .gsq-ic { color: #FF6F00; }
.gsq-ov .gsq-x { background: #2E485B; color: #fff; border: 0; padding: 0; }
.gsq-ov .gsq-x:hover { background: #3D5E76; }
.gsq-ov button, .vgq button { text-transform: none; letter-spacing: normal; box-shadow: none; }
.gsq-ov .gsq-opt, .vgq .gsq-opt { background: rgba(255,255,255,.035); color: var(--ink); border: 1px solid var(--line); }
.gsq-ov .gsq-opt:hover, .gsq-ov .gsq-opt:focus, .vgq .gsq-opt:hover, .vgq .gsq-opt:focus { background: rgba(255,111,0,.08); border-color: #FF6F00; color: var(--ink); }
.gsq-ov .gsq-opt.on { background: rgba(255,111,0,.12); border-color: #FF6F00; box-shadow: 0 0 0 3px rgba(255,111,0,.18); }
.gsq-ov .gsq-ot b, .vgq .gsq-ot b { color: #fff; }
.gsq-ov .gsq-om, .vgq .gsq-om { background: radial-gradient(70% 70% at 50% 55%, rgba(255,255,255,.16), rgba(255,255,255,.03)); border-color: transparent; }
.gsq-ov .gsq-om img, .vgq .gsq-om img { object-fit: contain; }
.gsq-ov .gsq-oi { background: rgba(255,111,0,.12); color: #FF6F00; }
.gsq-ov .gsq-tile .gsq-ic { color: #FF6F00; }
.gsq-ov .gsq-dots span { background: transparent; }
.gsq-ov .gsq-dots li.ok span { background: #2E485B; border-color: #2E485B; color: #fff; }
.gsq-ov .gsq-dots li.on span { box-shadow: 0 0 0 4px rgba(255,111,0,.22); }
.gsq-ov .gsq-back, .gsq-ov .gsq-skip, .vgq .gsq-skip { background: none; border: 0; color: var(--ink2); padding: 8px 0; }
.gsq-ov .gsq-back:hover, .gsq-ov .gsq-skip:hover, .vgq .gsq-skip:hover { color: #fff; background: none; }
.gsq-ov .gsq-btn { background: #FF6F00; color: #fff; border: 0; }
.gsq-ov .gsq-btn:hover { background: #E16403; color: #fff; }
.gsq-ov .gsq-calc { border-color: var(--line); }
.gsq-ov .gsq-calc summary { color: #FF6F00; }
.gsq-ov .gsq-cl input, .gsq-ov .gsq-chk input { accent-color: #FF6F00; }
.gsq-ov .gsq-cres b { color: #fff; }
.gsq-ov .gsq-f2 .gsq-fi { background: rgba(255,255,255,.05); border-color: var(--line); }
.gsq-ov .gsq-f2 .gsq-fi input, .gsq-ov .gsq-row input { background: transparent; color: #fff; border: 0; box-shadow: none; outline: none; padding: 0; height: 100%; font-size: 16px; }
.gsq-ov .gsq-f2 .gsq-fi:focus-within { border-color: #FF6F00; }
.gsq-ov input::placeholder { color: var(--mut); opacity: 1; }
.gsq-ov .gsq-chk a { color: var(--ink); }
.gsq-ov .gsq-bonus { background: rgba(255,111,0,.1); color: var(--ink2); }
.gsq-ov .gsq-bonus b { color: #fff; }
.gsq-ov .gsq-bonus .gsq-ic { color: #FF6F00; }
.gsq-ov .gsq-err { color: #ff8a80; }
.gsq-ov .gsq-card { background: rgba(255,255,255,.035); border-color: var(--line); color: var(--ink); }
.gsq-ov .gsq-card:hover { border-color: #FF6F00; }
.gsq-ov .gsq-card img { background: radial-gradient(70% 70% at 50% 55%, rgba(255,255,255,.14), rgba(255,255,255,.02)); object-fit: contain; }
.gsq-ov .gsq-card span { color: var(--mut); }
.gsq-ov .gsq-card em { color: #FF6F00; }
.gsq-ov .gsq-warn { background: rgba(255,111,0,.1); color: var(--ink2); }
.gsq-ov .gsq-warn b { color: #fff; }
.gsq-ov .gsq-hid { color: var(--mut); }
.gsq-ov .gsq-tag { color: #FF6F00; }

/* стили сайта (тема, Elementor, vg-refresh) для h3/button/img перебивают квиз — возвращаем как у generatorsales */
.gsq-ov { z-index: 2147483000; }
.gsq-ov .gsq-q, .vgq .gsq-q { font-size: 26px !important; line-height: 1.2 !important; margin: 22px 0 6px !important; text-transform: none !important; }
.gsq-ov .gsq-opt, .vgq .gsq-opt { border-radius: 16px !important; text-align: left !important; white-space: normal !important; font-size: 15px; line-height: 1.4; text-transform: none; min-height: 0; }
.gsq-ov .gsq-opt.gsq-tile { padding: 0 !important; border: 0; background: #26343d; }
.gsq-ov .gsq-ot, .vgq .gsq-ot { text-align: left; align-items: flex-start; }
.gsq-ov .gsq-x { width: 40px !important; height: 40px !important; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important; font-size: 24px !important; line-height: 1 !important; display: grid; place-items: center; }
.gsq-ov .gsq-intro img, .gsq-ov .gsq-tile img, .gsq-ov .gsq-om img, .vgq .gsq-om img, .gsq-ov .gsq-card img { max-width: none; }
.gsq-ov .gsq-intro img, .gsq-ov .gsq-tile img, .gsq-ov .gsq-om img, .vgq .gsq-om img { height: 100% !important; }
.gsq-ov .gsq-btn { border-radius: 99px !important; padding: 14px 24px !important; min-height: 0; font-size: 15px !important; font-weight: 600; text-transform: none; }
.gsq-ov .gsq-send { width: 100% !important; justify-content: center; }
.gsq-ov .gsq-back, .gsq-ov .gsq-skip, .vgq .gsq-skip { border-radius: 0 !important; padding: 8px 0 !important; min-height: 0 !important; font-size: 14px !important; }
.gsq-ov .gsq-chk { font-size: 12.5px; }
@media (max-width: 760px) { .gsq-ov .gsq-q, .vgq .gsq-q { font-size: 21px !important; margin-top: 16px !important; } }

/* ===== блок-анонс [vg_quiz] на главной и /podbor-generatora/ ===== */
.vgq {
	--q-or: var(--vg-orange, #FF6F00); --q-or-h: var(--vg-orange-h, #E16403);
	--q-card: var(--vg-card, #233746); --q-fill: var(--vg-fill, #2E485B); --q-line: var(--vg-line, #3D5E76);
	--q-soft: rgba(255, 255, 255, .09); --q-t1: rgba(255, 255, 255, .94); --q-t2: rgba(255, 255, 255, .74); --q-t3: rgba(255, 255, 255, .56);
	--q-head: var(--vg-head, kinetika, system-ui, sans-serif); --q-body: var(--vg-body, sfpro, system-ui, sans-serif);
	box-sizing: border-box; width: 100%; max-width: 1282px; margin: 0 auto; scroll-margin-top: 16px;
	font-family: var(--q-body); color: var(--q-t1); text-align: left;
}
.vgq *, .vgq *::before, .vgq *::after { box-sizing: border-box; }
.vgq-wrap { display: grid; grid-template-columns: 340px minmax(0, 1fr); background: var(--q-card); border-radius: 12px; overflow: hidden; border: 1px solid var(--q-soft); }

/* левая панель */
.vgq-intro { position: relative; padding: 40px 34px; background: radial-gradient(120% 70% at 0% 100%, rgba(255, 111, 0, .16), transparent 60%), linear-gradient(160deg, #1b2c39 0%, #182632 100%); display: flex; flex-direction: column; gap: 22px; overflow: hidden; }
.vgq-kick { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--q-t3); font-weight: 600; }
.vgq .vgq-h, .vgq .vgq-q, .vgq-ot b { word-break: normal !important; overflow-wrap: normal !important; hyphens: manual !important; }
.vgq .vgq-h { font-family: var(--q-head); font-weight: 600; font-size: 34px; line-height: 1.12; color: #fff; margin: 0; letter-spacing: -.01em; }
.vgq-pts { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.vgq-pts li { position: relative; padding-left: 30px; font-size: 15px; line-height: 1.4; color: var(--q-t2); }
.vgq-pts li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: rgba(255, 111, 0, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6F00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat; }
.vgq-note { margin-top: auto; font-size: 14px; color: var(--q-t3); }
.vgq-note::before { content: "◷"; margin-right: 8px; color: var(--q-or); }


.vgq .vgq-h em { font-style: normal; color: #FF6F00; }
.vgq-main { padding: 36px 40px 30px; }
.vgq .gsq-t { color: #FF6F00; }
.vgq .gsq-q { font-size: 26px; line-height: 1.2; margin: 14px 0 6px; }
.vgq .gsq-hint { color: var(--ink2); margin: 0; }
.vgq .gsq-opts.gsq-l-img { grid-template-columns: 1fr; }
.vgq .gsq-nav { margin-top: 18px; }
.vgq .gsq-skip { color: #FF6F00; font-weight: 600; cursor: pointer; }
/* кнопка «Подобрать генератор» на первом экране — три кнопки одной группой по центру */
@media (min-width: 768px) {
	.vgr .elementor-element-f63e973 > .elementor-container { justify-content: center; flex-wrap: wrap; gap: 14px; }
	.vgr .elementor-element-f63e973 > .elementor-container > .elementor-column { width: auto !important; flex: 0 0 auto; }
	.vgr .elementor-element-f63e973 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0 !important; }
}
.vgr .elementor-element-f63e973 a.elementor-button[href="#quiz"] { background-color: transparent !important; border: 1px solid var(--vg-orange, #FF6F00) !important; color: #fff !important; }
.vgr .elementor-element-f63e973 a.elementor-button[href="#quiz"]:hover { background-color: var(--vg-orange, #FF6F00) !important; }


@media (max-width: 1100px) {
	.vgq-wrap { grid-template-columns: 1fr; }
	.vgq-intro { padding: 26px 28px 22px; gap: 10px; }
	.vgq-pts, .vgq-note { display: none; }
	.vgq .vgq-h { font-size: 28px; }
}
@media (max-width: 767px) {
	.vgq { padding: 0; }
	.vgq-intro { padding: 20px 18px 14px; }
	.vgq .vgq-h { font-size: 22px; }
	.vgq-main { padding: 18px 16px; }
	.vgq .gsq-q { font-size: 20px; }
	.vgq .gsq-nav { flex-wrap: wrap; }
	.vgq .gsq-nav .gsq-hint { display: none; }
}