/* Csokonai — webes foglalási űrlap. Márkaszínek: krém #F5F0E6, arany #B8965A, sötét #1B1917. */
.cskf{--c-bg:#FBF8F2;--c-ink:#1B1917;--c-muted:#635B50;--c-line:#D8D0C0;--c-gold:#B8965A;--c-gold-ink:#725A2F;--c-soft:#E9DCC0;--c-bad:#8E322C;
  max-width:720px;margin:0 auto;color:var(--c-ink);font-family:'Lora',Georgia,serif;font-size:16px;line-height:1.5;box-sizing:border-box}
.cskf *{box-sizing:border-box}
.cskf-page{margin:0;background:#F5F0E6}
.cskf-cancel{padding:48px 16px;text-align:left}
.cskf h1{font-family:'Anton','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(30px,6vw,44px);line-height:1.05;margin:4px 0 14px;text-transform:uppercase;letter-spacing:.01em}
.cskf-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gold-ink);margin:0}
.cskf-lead{font-size:18px}
.cskf-small{font-size:13px;color:var(--c-muted)}
.cskf-steps{display:flex;gap:6px;list-style:none;margin:0 0 20px;padding:0;counter-reset:s}
.cskf-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-muted);border-top:3px solid var(--c-line);padding-top:8px}
.cskf-steps li span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--c-line);font-size:12px}
.cskf-steps li.on{color:var(--c-ink);border-top-color:var(--c-gold);font-weight:600}
.cskf-steps li.on span{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-ink)}
.cskf-steps li.done{border-top-color:var(--c-gold-ink)}
.cskf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cskf-f{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.cskf-f>span,.cskf-lbl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);font-weight:600}
.cskf input,.cskf select,.cskf textarea{font:inherit;color:inherit;border:1px solid var(--c-line);background:var(--c-bg);padding:10px 12px;min-height:46px;width:100%;border-radius:0}
.cskf input:focus,.cskf select:focus,.cskf textarea:focus,.cskf button:focus-visible{outline:2px solid var(--c-gold);outline-offset:1px}
.cskf-pick{margin:6px 0 10px}
.cskf-grp{margin-bottom:12px}
.cskf-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:6px}
.cskf-slot{min-height:46px;border:1px solid var(--c-line);background:var(--c-bg);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;color:var(--c-ink)}
.cskf-slot:hover:not([disabled]){border-color:var(--c-gold)}
.cskf-slot.sel{background:var(--c-gold);border-color:var(--c-gold-ink);font-weight:700}
.cskf-slot[disabled]{color:#A9A194;background:transparent;text-decoration:line-through;cursor:default}
.cskf-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cskf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--c-gold-ink);background:var(--c-gold);color:var(--c-ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.cskf-btn:hover{background:#C9A76A}
.cskf-btn[disabled]{opacity:.45;cursor:default}
.cskf-btn.ghost{background:transparent;border-color:var(--c-line)}
.cskf-msg{padding:12px 14px;background:var(--c-soft);border-left:3px solid var(--c-gold-ink)}
.cskf-sum{font-weight:600;padding:10px 14px;background:var(--c-soft);margin:0 0 16px}
.cskf-chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:6px 0}
.cskf-chk input{width:20px;min-height:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--c-gold-ink)}
.cskf-err{color:var(--c-bad);font-weight:600}
.cskf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:560px){.cskf-row{grid-template-columns:1fr;gap:0}.cskf-steps li{font-size:0;gap:0}.cskf-steps li.on{font-size:13px;gap:8px}.cskf-act .cskf-btn{flex:1}}