/* ============================================================
   Haustherm — Keşif Sihirbazı (Wizard) — yalnız kesif.html
   ============================================================ */
.wiz-shell{background:
  radial-gradient(1100px 520px at 82% -8%, #fdecee 0%, rgba(253,236,238,0) 60%),
  radial-gradient(900px 520px at -8% 12%, #f3f3f4 0%, rgba(243,243,244,0) 55%),
  var(--bg-soft);min-height:100vh;padding:38px 0 70px}
.wiz{max-width:880px;margin:0 auto;padding:0 20px}
.wiz-top{text-align:center;margin-bottom:24px}
.wiz-top .eyebrow{margin-bottom:14px}
.wiz-top h1{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.wiz-top p{color:var(--ink-soft);font-size:16.5px;max-width:580px;margin:0 auto}
/* Progress */
.wiz-prog{display:flex;align-items:center;gap:14px;margin:22px 0 18px}
.wiz-prog .bar{flex:1;height:8px;background:#fff;border:1px solid var(--line);border-radius:100px;overflow:hidden}
.wiz-prog .fill{height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--amber));border-radius:100px;transition:width .4s cubic-bezier(.2,.7,.2,1)}
.wiz-prog .pct{font-family:'Manrope';font-weight:800;font-size:13.5px;color:var(--green-dark);white-space:nowrap;min-width:96px;text-align:right}
/* Card */
.wiz-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:34px 38px;min-height:330px;display:flex;flex-direction:column}
.wiz-stepnum{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark);background:var(--bg-tint);padding:5px 12px;border-radius:100px;margin-bottom:16px;align-self:flex-start}
.wiz-q{font-size:clamp(20px,2.6vw,26px);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.wiz-help{color:var(--muted);font-size:15px;margin-bottom:24px}
.wiz-body{animation:wizin .42s cubic-bezier(.2,.7,.2,1)}
@keyframes wizin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* Options grid */
.opt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.opt-grid.cols-1{grid-template-columns:1fr}
.opt{position:relative;display:flex;align-items:flex-start;gap:14px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:15px;padding:17px 44px 17px 17px;cursor:pointer;transition:.16s;font-family:inherit;width:100%}
.opt:hover{border-color:#f0b8c0;transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.opt.sel{border-color:var(--green);background:linear-gradient(160deg,#fff,var(--bg-tint))}
.opt .oic{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:var(--bg-tint);color:var(--green-dark);display:grid;place-items:center;transition:.16s}
.opt.sel .oic{background:var(--green);color:#fff}
.opt .oic svg{width:22px;height:22px}
.opt .otxt{flex:1;min-width:0}
.opt .olabel{display:block;font-family:'Manrope';font-weight:700;font-size:15.5px;color:var(--ink);line-height:1.25}
.opt .odesc{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.35}
.opt .ocheck{position:absolute;top:50%;transform:translateY(-50%);right:15px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;transition:.16s;background:#fff}
.opt .ocheck svg{width:13px;height:13px;color:#fff;opacity:0;transition:.15s}
.opt.sel .ocheck{background:var(--green);border-color:var(--green)}
.opt.sel .ocheck svg{opacity:1}
/* Contact fields */
.wiz-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wiz-fields .wf{display:flex;flex-direction:column}
.wiz-fields .wf.full{grid-column:1/-1}
.wiz-fields label{font-size:13.5px;font-weight:700;color:var(--ink-soft);margin-bottom:7px}
.wiz-fields label .req{color:var(--green)}
.wiz-fields input,.wiz-fields textarea{font-family:inherit;font-size:15.5px;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg-soft);color:var(--ink);transition:.18s;width:100%}
.wiz-fields textarea{resize:vertical;min-height:84px}
.wiz-fields input:focus,.wiz-fields textarea:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(200,16,46,.1)}
.wiz-fields input.err{border-color:#e0354a;background:#fff5f6}
.wiz-fields .ferr{font-size:12.5px;color:#cf1b30;margin-top:5px;display:none}
.wiz-fields input.err ~ .ferr{display:block}
.wiz-consent{grid-column:1/-1;display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin-top:2px}
.wiz-consent input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--green)}
.wiz-consent a{color:var(--green-dark);text-decoration:underline}
/* Summary checklist */
.sum-intro{color:var(--ink-soft);margin-bottom:18px}
.sum-list{display:flex;flex-direction:column;gap:0}
.sum-list .si{display:flex;align-items:flex-start;gap:13px;padding:12px 2px;border-bottom:1px solid var(--line)}
.sum-list .si:last-child{border-bottom:none}
.sum-list .si .sc{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin-top:1px}
.sum-list .si .sc svg{width:13px;height:13px}
.sum-list .si .meta{flex:1;min-width:0}
.sum-list .si .sk{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sum-list .si .sv{font-family:'Manrope';font-weight:700;font-size:15px;color:var(--ink);margin-top:1px}
.sum-edit{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--green-dark);background:none;border:none;cursor:pointer;white-space:nowrap;align-self:center}
.sum-edit:hover{text-decoration:underline}
/* Nav buttons */
.wiz-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px}
.wiz-back{display:inline-flex;align-items:center;gap:8px;font-family:'Manrope';font-weight:700;font-size:15px;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:100px;padding:13px 22px;cursor:pointer;transition:.18s}
.wiz-back:hover{border-color:var(--green);color:var(--green-dark)}
.wiz-back[hidden]{display:none}
.wiz-back svg{width:17px;height:17px}
.wiz-next{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope';font-weight:800;font-size:15.5px;color:#fff;background:var(--green);border:none;border-radius:100px;padding:14px 28px;cursor:pointer;transition:.2s;box-shadow:0 8px 20px -8px rgba(200,16,46,.5)}
.wiz-next:hover{background:var(--green-dark);transform:translateY(-2px)}
.wiz-next:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.wiz-next svg{width:17px;height:17px}
/* Done state */
.wiz-done{text-align:center;padding:26px 10px}
.wiz-done .dic{width:84px;height:84px;border-radius:50%;background:var(--bg-tint);color:var(--green);display:grid;place-items:center;margin:0 auto 22px;animation:pop .5s cubic-bezier(.2,.9,.3,1.4)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.wiz-done .dic svg{width:44px;height:44px}
.wiz-done h2{font-size:28px;font-weight:800;margin-bottom:12px}
.wiz-done p{color:var(--ink-soft);max-width:540px;margin:0 auto 10px;font-size:16px}
.wiz-done .ref{display:inline-block;margin-top:14px;font-family:'Manrope';font-weight:800;color:var(--green-dark);background:var(--bg-tint);padding:8px 18px;border-radius:100px}
.wiz-trust{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:13.5px;color:var(--muted)}
.wiz-trust svg{width:15px;height:15px;color:var(--green)}
/* Side reassurance row under card */
.wiz-assure{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 30px;margin-top:24px}
.wiz-assure .wa{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft);font-weight:600}
.wiz-assure .wa svg{width:16px;height:16px;color:var(--green)}
@media(max-width:680px){
  .wiz-card{padding:24px 18px;border-radius:18px}
  .opt-grid{grid-template-columns:1fr}
  .wiz-fields{grid-template-columns:1fr}
  .wiz-nav{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(247,247,249,0),var(--bg-soft) 45%);padding:14px 0 6px;margin-top:18px}
  .wiz-next{flex:1;justify-content:center}
}