/* W06 layout copied from original D06 CSSOM; scoped to this page. */
.sgw2-wizard-page .wizard-layout{display: grid; grid-template-columns: 280px 1fr; gap: 38px; margin: 25px 0px 65px;}
.sgw2-wizard-page .wizard-aside{background: var(--ink); color: rgb(255, 255, 255); border-radius: 9px; padding: 25px;}
.sgw2-wizard-page .wizard-aside h2{font-size: 28px; margin-bottom: 20px;}
.sgw2-wizard-page .steps{display: flex; flex-direction: column; gap: 22px;}
.sgw2-wizard-page .step{display: flex; gap: 10px; font-size: 15px; color: rgb(188, 194, 204); align-items: center;}
.sgw2-wizard-page .step .num{border: 1px solid rgb(100, 110, 123); border-radius: 50%; width: 29px; height: 29px; display: grid; place-items: center; flex-shrink: 0;}
.sgw2-wizard-page .step.active{color: white; font-weight: 700;}
.sgw2-wizard-page .step.active .num{background: var(--red); border-color: var(--red);}
.sgw2-wizard-page .wizard-aside .rule-note{color: rgb(193, 200, 211); margin-top: 35px;}
.sgw2-wizard-page .wizard-main{border: 1px solid var(--line); border-radius: 10px; padding: 32px;}
.sgw2-wizard-page .wizard-main h2{margin-bottom: 12px; font-size: 31px;}
.sgw2-wizard-page .wizard-main > p{margin-bottom: 24px; color: var(--muted);}
.sgw2-wizard-page .choice-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px;}
.sgw2-wizard-page .choice{display: flex; flex-direction: column; padding: 20px 17px; border: 1px solid var(--line); border-radius: 7px; align-items: flex-start; gap: 12px; min-height: 150px; position: relative;}
.sgw2-wizard-page .choice:hover{border-color: var(--red); background: rgb(255, 247, 248);}
.sgw2-wizard-page .choice strong{font-size: 17px; line-height: 1.3;}
.sgw2-wizard-page .choice span{color: var(--muted); font-size: 14px;}
.sgw2-wizard-page .choice .ico{width: 31px; height: 31px;}
.sgw2-wizard-page .wizard-actions{display: flex; justify-content: space-between; gap: 15px; margin-top: 28px;}
@media (max-width: 900px){.sgw2-wizard-page .wizard-layout{grid-template-columns: 1fr;}}
@media (max-width: 900px){.sgw2-wizard-page .wizard-aside{padding: 20px;}}
@media (max-width: 900px){.sgw2-wizard-page .wizard-aside h2{font-size: 23px; margin-bottom: 15px;}}
@media (max-width: 900px){.sgw2-wizard-page .steps{flex-direction: row; justify-content: space-between;}}
@media (max-width: 900px){.sgw2-wizard-page .wizard-aside .rule-note{margin: 15px 0px 0px;}}
@media (max-width: 700px){.sgw2-wizard-page .wizard-main{padding: 22px 18px;}}
@media (max-width: 700px){.sgw2-wizard-page .wizard-main h2{font-size: 29px;}}
@media (max-width: 700px){.sgw2-wizard-page .wizard-layout{gap: 20px; margin-bottom: 40px;}}
@media (max-width: 700px){.sgw2-wizard-page .choice-grid{grid-template-columns: 1fr;}}
@media (max-width: 700px){.sgw2-wizard-page .choice{min-height: 95px; display: grid; grid-template-columns: 36px 1fr; gap: 8px 15px; padding: 17px;}}
@media (max-width: 700px){.sgw2-wizard-page .choice > .ico{grid-row: 1 / 3;}}
@media (max-width: 700px){.sgw2-wizard-page .choice > span{grid-column: 2;}}
@media (max-width: 700px){.sgw2-wizard-page .steps{gap: 8px;}}
@media (max-width: 700px){.sgw2-wizard-page .step{font-size: 14px; gap: 6px; align-items: flex-start;}}
@media (max-width: 700px){.sgw2-wizard-page .step .num{width: 25px; height: 25px;}}
@media (max-width: 700px){.sgw2-wizard-page .step > span:last-child{line-height: 1.4;}}
@media (max-width: 700px){.sgw2-wizard-page .wizard-aside .rule-note{display: none;}}
@media (max-width: 700px){.sgw2-wizard-page .wizard-aside h2{font-size: 22px;}}
@media (max-width: 700px){.sgw2-wizard-page .wizard-actions .btn{padding-inline: 15px;}}
@media (max-width: 370px){.sgw2-wizard-page .step{flex-direction: column;}}
.sgw2-wizard-page .choice:hover,.sgw2-wizard-page .choice.selected{border-color: var(--red); background: rgb(255, 247, 248);}
.sgw2-wizard-page .choice.selected::after{content: "✓"; position: absolute; right: 13px; top: 9px; color: var(--red); font-weight: 700;}
.sgw2-wizard-page .budget-input{display: flex; align-items: center; gap: 15px; margin-top: 24px; flex-wrap: wrap;}
.sgw2-wizard-page .budget-input .field{max-width: 230px;}
.sgw2-wizard-page .wizard-result{margin: 25px 0px 70px;}
.sgw2-wizard-page .reason-list{list-style: none; margin: 0px 0px 15px; padding: 0px; color: rgb(70, 89, 78); font-size: 14px;}
.sgw2-wizard-page .reason-list li{margin: 5px 0px; display: flex; gap: 6px;}
.sgw2-wizard-page .wizard-result .product-card{border-top: 3px solid var(--red);}
.sgw2-wizard-page .wizard-result{margin: 25px auto 70px;}
.sgw2-wizard-page .wizard-result .products-grid{grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));}
.sgw2-wizard-page .wizard-result .product-art img{max-width: 300px;}
@media (max-width: 700px){.sgw2-wizard-page .wizard-result .products-grid{grid-template-columns: 1fr;}}
.sgw2-wizard-page fieldset{border:0;padding:0;margin:0;min-width:0}.sgw2-wizard-page .vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sgw2-wizard-page .field select{width:100%;min-width:0}.sgw2-wizard-page .choice-radio{position:absolute;opacity:0;width:1px;height:1px}.sgw2-wizard-page .choice:has(:checked){border-color:var(--red);background:#fff7f8}.sgw2-wizard-page .choice:has(:checked)::after{content:'✓';position:absolute;right:13px;top:9px;color:var(--red);font-weight:700}.sgw2-wizard-page .choice:has(:focus-visible){outline:3px solid var(--red);outline-offset:3px}.sgw2-wizard-page .choice{cursor:pointer}.sgw2-wizard-page .wizard-main .field-help{font-size:14px;margin-top:16px}.sgw2-wizard-page .contact-limit{max-width:650px;margin:18px auto 0}.sgw2-wizard-page .catalog-preview>p{margin-top:12px;color:var(--muted)}.sgw2-wizard-page .rule-note{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.6}.sgw2-wizard-page .rule-note .ico{flex-shrink:0}.sgw2-wizard-page .dialog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:25px 0}.sgw2-wizard-page .wizard-result .empty{padding:44px 28px;text-align:center}.sgw2-wizard-page .error-msg:focus{outline:2px solid var(--red)}@media(max-width:700px){.sgw2-wizard-page .vehicle-fields{grid-template-columns:1fr}.sgw2-wizard-page .wizard-result .empty{padding:28px 18px}}

.sgw2-wizard-page #wizard-heading:focus{outline:none}/* Programmatic heading focus; interactive controls retain visible focus. */
