/* ===== Подбор Smart Omega (sq) ===== */
.sq{--sq-ink:#0b2540;--sq-muted:#5a6f85;--sq-line:#dbe6ef;--sq-gold:#f4b83a;--sq-deep:#06264a;background:#fff;color:var(--sq-ink);border-radius:28px;padding:clamp(20px,3vw,36px);box-shadow:0 30px 70px rgba(0,0,0,.35);font-size:16px;line-height:1.5}
.sq p{margin:0;max-width:none}
.sq-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.sq-title{font-size:clamp(20px,2vw,26px)!important;font-weight:700;letter-spacing:-.015em;color:var(--sq-deep)!important;line-height:1.2}
.sq-sub{margin-top:6px!important;color:var(--sq-muted)!important;font-size:15px!important}
.sq-sub span{display:block;font-size:13px;margin-top:2px}
.sq-badge{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--sq-deep);background:#eef5fa;border-radius:999px;padding:6px 12px}
.sq-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0 10px}
.sq-progress i{height:6px;border-radius:6px;background:#e7eef5;transition:background .3s}
.sq-progress i.is-now{background:linear-gradient(90deg,var(--sq-gold) 50%,#e7eef5 50%)}
.sq-progress i.is-done{background:var(--sq-gold)}
.sq-steps{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--sq-muted);margin-bottom:16px}
.sq-steps span:first-child{font-weight:600;color:var(--sq-deep)}
.sq-q{font-size:18px!important;font-weight:600;color:var(--sq-deep)!important;margin-bottom:14px!important}
.sq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sq-grid--3{grid-template-columns:repeat(3,1fr)}
.sq-opt{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 42px 14px 14px;border:2px solid var(--sq-line);border-radius:18px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.sq-opt::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--sq-c,transparent)}
.sq-opt:hover{border-color:#b9cddd;background:#fbfdff}
.sq-opt:focus-visible{outline:3px solid var(--sq-gold);outline-offset:2px}
.sq-opt.is-on{border-color:var(--sq-gold);background:#fffaf0}
.sq-ico{flex:0 0 40px;height:40px;border-radius:12px;background:#eef5fa;display:grid;place-items:center;font-size:22px;line-height:1}
.sq-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.sq-t{font-weight:600;color:var(--sq-deep);font-size:15px}
.sq-d{font-size:13px;color:var(--sq-muted)}
.sq-chk{position:absolute;right:14px;top:16px;width:20px;height:20px;border-radius:50%;border:2px solid var(--sq-line)}
.sq-opt.is-on .sq-chk{border-color:var(--sq-gold);background:var(--sq-gold)}
.sq-opt.is-on .sq-chk::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--sq-deep);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sq-c-baby{--sq-c:#f2a7c3}.sq-c-kids{--sq-c:#f28c28}.sq-c-teen{--sq-c:#7b4fd1}.sq-c-adult{--sq-c:#1c6fd6}.sq-c-q10{--sq-c:#d8363a}.sq-c-d3{--sq-c:#f4b83a}
.sq-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--sq-line)}
.sq-nav-r{display:flex;gap:10px;flex-wrap:wrap}
.sq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border-radius:999px;border:0;background:var(--sq-gold);color:var(--sq-deep)!important;font:600 15px/1.2 inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s}
.sq-btn:hover{background:#ffc94f}
.sq-btn:focus-visible{outline:3px solid var(--sq-deep);outline-offset:2px}
.sq-btn:disabled{background:#edf1f5;color:#9aabbb!important;cursor:not-allowed}
.sq-btn--ghost{background:transparent;border:2px solid var(--sq-line)}
.sq-btn--ghost:hover{background:#f3f7fb}
.sq-btn--ghost:disabled{background:transparent;border-color:#edf1f5}
.sq-note{margin-top:16px!important;font-size:12.5px!important;color:var(--sq-muted)!important;background:#f6f9fc;border-radius:12px;padding:10px 14px}
/* результат */
.sq-prods{display:grid;gap:10px}
.sq-prod{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;border:2px solid var(--sq-line);border-left:6px solid var(--sq-c,var(--sq-line));border-radius:18px;padding:12px 16px}
.sq-prod img{width:84px;height:110px;object-fit:contain}
.sq-prod-name{font-weight:700;color:var(--sq-deep)!important;font-size:16px!important}
.sq-prod-desc{font-size:14px!important;color:var(--sq-muted)!important;margin-top:2px!important}
.sq-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px!important}
.sq-tags span{font-size:12px;background:#eef5fa;color:var(--sq-deep);border-radius:999px;padding:2px 10px}
.sq-prod-act{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px!important}
.sq-link{font-size:14px;font-weight:600;color:#0d4f8b!important}
.sq-kit{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;padding:16px;border-radius:18px;background:var(--sq-deep);color:#fff}
.sq-kit span{color:rgba(255,255,255,.75)}
.sq-kit-act{display:flex;gap:10px;flex-wrap:wrap}
.sq-kit .sq-btn--ghost{color:#fff!important;border-color:rgba(255,255,255,.4)}
.sq-kit .sq-btn--ghost:hover{background:rgba(255,255,255,.1)}
.sq-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}
.sq-res>div{background:#f6f9fc;border-radius:16px;padding:14px 16px}
.sq-res-t{font-weight:700;color:var(--sq-deep)!important;margin-bottom:6px!important;font-size:15px!important}
.sq-res ul{margin:0;padding-left:18px;font-size:14px;color:var(--sq-muted)}
.sq-res li{margin:4px 0}
@media (max-width:640px){
	.sq{border-radius:22px}
	.sq-grid,.sq-grid--3{grid-template-columns:1fr}
	.sq-head{flex-direction:column-reverse;gap:8px}
	.sq-nav{flex-wrap:wrap}
	.sq-nav-r{width:100%}
	.sq-nav-r .sq-btn{flex:1}
	.sq-prod{grid-template-columns:64px 1fr}
	.sq-prod img{width:64px;height:88px}
}
@media (prefers-reduced-motion:reduce){.sq *{transition:none!important}}