/* Ajánlatkérő adatlap (ajanlatkero.html) */
.akHero{ padding:clamp(130px,16vw,180px) 0 clamp(34px,5vw,56px); position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.akHero::before{ content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse 70% 60% at 85% 0%, rgba(var(--gold-rgb),.12), transparent 60%); }
.akHero h1{ font-size:clamp(34px,5vw,60px); max-width:20ch; margin-bottom:18px; }
.akHero h1 em{ font-style:italic; color:var(--gold-soft); }
.akHero .lead{ color:var(--ink-dim); max-width:620px; font-size:clamp(15px,1.3vw,17px); }
.akHero .breadcrumb{ display:flex; gap:8px; font-size:12.5px; color:var(--ink-faint); margin-bottom:18px; }
.akHero .breadcrumb a{ color:var(--ink-faint); }
.akHero .breadcrumb a:hover{ color:var(--gold-soft); }

.akBelsoBanner{ display:none; margin-top:22px; padding:10px 16px; border:1px dashed rgba(var(--gold-rgb),.5); border-radius:var(--radius-sm); color:var(--gold-soft); font-size:13px; max-width:620px; }
body.belso .akBelsoBanner{ display:block; }

.akWrap{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:34px; align-items:start; padding-block:clamp(34px,5vw,60px) clamp(80px,9vw,120px); }

.akSteps{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:26px; }
.akStepChip{ display:flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid var(--line); border-radius:999px; background:transparent; color:var(--ink-faint); font:inherit; font-size:12.5px; cursor:pointer; transition:all .25s; }
.akStepChip .n{ width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:11px; border:1px solid var(--line-strong, var(--line)); }
.akStepChip.done{ color:var(--ink-dim); }
.akStepChip.done .n{ background:rgba(var(--gold-rgb),.2); border-color:var(--gold); color:var(--gold-soft); }
.akStepChip.active{ color:var(--ink); border-color:var(--gold); background:rgba(var(--gold-rgb),.08); }
.akStepChip.active .n{ background:var(--gold); color:#14100c; border-color:var(--gold); }
.akProgress{ height:3px; background:var(--line); border-radius:3px; margin-bottom:30px; overflow:hidden; }
.akProgress i{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft)); transition:width .5s var(--ease-out); }

.akStep{ display:none; }
.akStep.active{ display:block; animation:akIn .45s var(--ease-out); }
@keyframes akIn{ from{ opacity:0; transform:translateY(12px);} to{ opacity:1; transform:none; } }
.akStep h2{ font-size:clamp(24px,3vw,34px); margin-bottom:8px; }
.akStep > .akLead{ color:var(--ink-dim); font-size:14.5px; max-width:60ch; margin-bottom:28px; }

.akField{ border:0; padding:0; margin:0 0 30px; min-width:0; }
.akField > legend, .akLabel{ display:block; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:12px; padding:0; }
.akField .akHint{ font-size:12.5px; color:var(--ink-faint); margin:-4px 0 12px; max-width:62ch; }

.akOpts{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px; }
.akOpts.two{ grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); }
.akOpts.compact{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); }
.opt{ position:relative; display:block; cursor:pointer; }
.opt input{ position:absolute; opacity:0; inset:0; width:100%; height:100%; cursor:pointer; margin:0; }
.opt .optBody{ display:block; height:100%; padding:14px 16px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); transition:border-color .25s, background .25s, transform .25s; }
.opt .optBody b{ display:block; font-weight:500; font-size:14.5px; color:var(--ink); margin-bottom:2px; }
.opt .optBody small{ display:block; font-size:12.5px; line-height:1.5; color:var(--ink-faint); }
.opt:hover .optBody{ border-color:rgba(var(--gold-rgb),.45); }
.opt input:focus-visible + .optBody{ outline:2px solid var(--gold); outline-offset:2px; }
.opt input:checked + .optBody{ border-color:var(--gold); background:rgba(var(--gold-rgb),.09); }
.opt input:checked + .optBody b{ color:var(--gold-soft); }
.opt input[type=checkbox]:checked + .optBody::after, .opt input[type=radio]:checked + .optBody::after{
  content:""; position:absolute; top:12px; right:12px; width:8px; height:8px; border-radius:50%; background:var(--gold);
}

.akInput, .akSelect, .akTextarea{
  width:100%; padding:13px 15px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm);
  color:var(--ink); font:inherit; font-size:14.5px; transition:border-color .25s;
}
.akInput:focus, .akSelect:focus, .akTextarea:focus{ outline:none; border-color:var(--gold); }
.akTextarea{ min-height:96px; resize:vertical; }
.akRow{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }

.akArea{ display:grid; grid-template-columns:1fr 130px; gap:18px; align-items:center; }
.akArea input[type=range]{ width:100%; accent-color:var(--gold); }
.akAreaMarks{ display:flex; justify-content:space-between; font-size:11.5px; color:var(--ink-faint); margin-top:6px; }

.akNav{ display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:38px; padding-top:24px; border-top:1px solid var(--line); flex-wrap:wrap; }
.akNav .btn{ cursor:pointer; }
.akBtnGhost{ background:transparent; border:1px solid var(--line-strong, var(--line)); color:var(--ink-dim); padding:13px 24px; border-radius:999px; font:inherit; font-size:14px; cursor:pointer; transition:all .25s; }
.akBtnGhost:hover{ border-color:var(--gold); color:var(--gold-soft); }

.akSide{ position:sticky; top:96px; }
.akCard{ border:1px solid var(--line); background:var(--surface); border-radius:var(--radius-lg); padding:24px; }
.akCard h3{ font-family:'Fraunces',serif; font-weight:400; font-size:20px; margin-bottom:4px; }
.akCard .sub{ font-size:12.5px; color:var(--ink-faint); margin-bottom:18px; }
.akTotal{ font-family:'Fraunces',serif; font-size:clamp(26px,3vw,32px); color:var(--gold-soft); line-height:1.15; }
.akTotal small{ display:block; font-family:inherit; font-size:12.5px; color:var(--ink-faint); margin-top:6px; }
.akLines{ margin-top:18px; border-top:1px solid var(--line); }
.akLine{ display:flex; justify-content:space-between; gap:14px; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px; color:var(--ink-dim); }
.akLine span:last-child{ color:var(--ink); text-align:right; white-space:nowrap; }
.akLine.muted span:last-child{ color:var(--ink-faint); }
.akVerdict{ margin-top:16px; padding:12px 14px; border-radius:var(--radius-sm); font-size:13px; line-height:1.55; border:1px solid var(--line); color:var(--ink-dim); }
.akVerdict.ok{ border-color:rgba(120,190,130,.5); background:rgba(120,190,130,.07); }
.akVerdict.warn{ border-color:rgba(var(--gold-rgb),.6); background:rgba(var(--gold-rgb),.08); }
.akVerdict.bad{ border-color:rgba(210,110,90,.55); background:rgba(210,110,90,.07); }
.akTime{ margin-top:16px; font-size:13px; color:var(--ink-dim); }
.akTime b{ color:var(--ink); font-weight:500; }
.akDisclaimer{ margin-top:18px; font-size:11.5px; line-height:1.55; color:var(--ink-faint); }
.akNotes{ margin-top:14px; display:grid; gap:8px; }
.akNote{ font-size:12.5px; line-height:1.55; color:var(--ink-dim); padding-left:14px; position:relative; }
.akNote::before{ content:""; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:50%; background:var(--gold); }

.akRecap{ display:grid; gap:0; border:1px solid var(--line); border-radius:var(--radius-md); overflow:hidden; margin-bottom:26px; }
.akRecap div{ display:grid; grid-template-columns:200px 1fr; gap:14px; padding:11px 16px; font-size:13.5px; border-bottom:1px solid var(--line); }
.akRecap div:last-child{ border-bottom:0; }
.akRecap dt{ color:var(--ink-faint); }
.akRecap dd{ color:var(--ink); margin:0; }
.akRecap{ background:var(--surface); }

.akCheck{ display:flex; gap:12px; align-items:flex-start; font-size:13px; color:var(--ink-dim); line-height:1.55; margin:16px 0 0; cursor:pointer; }
.akCheck input{ margin-top:3px; accent-color:var(--gold); width:16px; height:16px; flex:none; }
.akCheck a{ color:var(--gold-soft); text-decoration:underline; }

.akError{ display:none; margin-top:14px; color:#e08a74; font-size:13px; }
.akError.show{ display:block; }
.akDone{ display:none; text-align:center; padding:40px 10px; }
.akDone.show{ display:block; }
.akDone .tick{ width:64px; height:64px; margin:0 auto 20px; border-radius:50%; display:grid; place-items:center; font-size:28px; background:rgba(var(--gold-rgb),.15); color:var(--gold-soft); border:1px solid var(--gold); }
.akDone h2{ margin-bottom:10px; }
.akDone p{ color:var(--ink-dim); max-width:48ch; margin:0 auto 22px; font-size:14.5px; }

.onlyBelso{ display:none; }
body.belso .onlyBelso{ display:block; }
body.belso .onlyPublic{ display:none !important; }
.akBelsoBox{ border:1px dashed rgba(var(--gold-rgb),.45); border-radius:var(--radius-md); padding:20px; margin-bottom:30px; background:rgba(var(--gold-rgb),.04); }
.akBelsoBox h3{ font-family:'Fraunces',serif; font-weight:400; font-size:18px; margin-bottom:14px; color:var(--gold-soft); }

.akBar{ display:none; }

@media (max-width:980px){
  .akWrap{ grid-template-columns:1fr; }
  .akSide{ position:static; order:2; }
  .akBar{ display:flex; position:fixed; left:0; right:0; bottom:0; z-index:60; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:rgba(14,12,10,.94); backdrop-filter:blur(10px); border-top:1px solid var(--line); font-size:13px; color:var(--ink-dim); }
  .akBar b{ font-family:'Fraunces',serif; font-weight:400; font-size:17px; color:var(--gold-soft); }
  .akRecap div{ grid-template-columns:1fr; gap:2px; }
  .akArea{ grid-template-columns:1fr; }
}
@media print{
  .nav, .mobileNav, .siteFooter, .akSteps, .akProgress, .akNav, .akBar, .akHero .lead, .formOverlay, .akBelsoBanner{ display:none !important; }
  body{ background:#fff !important; color:#111 !important; }
  .akStep{ display:block !important; animation:none; }
  .akWrap{ grid-template-columns:1fr; }
  .akSide{ position:static; }
  .akCard, .opt .optBody, .akRecap{ background:#fff !important; border-color:#bbb !important; color:#111 !important; }
  *{ color:#111 !important; }
}
