/* C) Diszkrét — MELEG LUXUS „COUTURE"
   Eszpresszó-fekete + pezsgő-arany. Cormorant, sok levegő, hajszálvonalas SOR-opciók (nem dobozok). */
:root{
  --bg:#17110A; --surface:#1E170D; --ink:#EFE4CE; --ink-soft:#A99B80;
  --line:#362C1C; --accent:#CBAB72; --accent-ink:#1A1309; --chosen:#CBAB72;
  --radius:0px; --maxw:660px;
  --font-display:"Cormorant Garamond",Georgia,serif;
  --font-body:"Inter",system-ui,sans-serif;
}
body{
  background:
    radial-gradient(1000px 640px at 82% -14%, rgba(203,171,114,.13), transparent 60%),
    radial-gradient(760px 520px at -10% 110%, rgba(120,80,40,.16), transparent 60%),
    var(--bg);
}
body::before{ /* meleg film-grain */
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.q-eyebrow,.q-kicker{color:var(--accent);letter-spacing:.34em;font-size:11px}
.q-title{font-weight:500;font-size:clamp(36px,6.2vw,66px);line-height:1.0;letter-spacing:.005em}
.q-q{font-weight:500;font-size:clamp(30px,4.6vw,46px);line-height:1.06;letter-spacing:.01em}
.q-sub,.q-intro-copy{font-size:clamp(16px,2vw,19px);letter-spacing:.01em}
.q-bar{background:linear-gradient(90deg,var(--accent),#ECD9AE)}
.q-count{color:var(--ink-soft);letter-spacing:.18em}

/* SOR-opciók: keret nélkül, alsó hajszálvonal, couture-érzet */
.q-options{gap:0;border-top:1px solid var(--line)}
.q-opt{
  background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;
  padding:20px 6px;font-size:18px;gap:18px;transition:padding-left .3s var(--ease),color .3s,background .3s;
}
.q-opt .q-opt-label{font-family:var(--font-display);font-size:21px;letter-spacing:.01em}
.q-opt-mark{width:8px;height:8px;border:0;background:var(--line);border-radius:50%;transition:background .3s,transform .3s}
.q-opt-mark::after{display:none}
.q-opt:hover{background:transparent;transform:none;box-shadow:none;padding-left:20px;color:var(--accent)}
.q-opt:hover .q-opt-mark{background:var(--accent);transform:scale(1.5)}
.q-opt.is-chosen{color:var(--accent);background:transparent}
.q-opt.is-chosen .q-opt-mark{background:var(--accent);transform:scale(1.6)}

.q-cta{background:linear-gradient(180deg,#D8BE85,#C09A55);color:#1A1309;border-radius:2px;
  letter-spacing:.04em;text-transform:uppercase;font-size:13px;padding:16px 30px;
  box-shadow:0 12px 34px -18px rgba(203,171,114,.8)}
.q-input{background:rgba(255,255,255,.02);border-color:var(--line);border-radius:2px}
.q-step-n{color:var(--accent);border-color:#4A3C26;border-radius:50%}
.q-check{background:linear-gradient(180deg,#D8BE85,#C09A55);color:#1A1309;border-radius:50%;
  box-shadow:0 20px 60px -24px rgba(203,171,114,.9)}
.q-back{letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}

/* „páholy" hajszálkeret */
.q-stage::after{content:"";position:fixed;inset:16px;border:1px solid rgba(203,171,114,.16);pointer-events:none;z-index:1}
@media (max-width:560px){.q-stage::after{inset:9px}.q-opt .q-opt-label{font-size:18px}}

/* ─── C) SIGNATURE ÁTMENET: couture „feloldás + felragyogás" ─── */
.q-screen{transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1),filter .85s ease}
.q-screen.is-entering{opacity:0;transform:scale(1.05);filter:blur(11px) brightness(1.5)}
.q-screen.is-leaving{opacity:0;transform:scale(.985);filter:blur(7px)}
/* a sor-opciók lassan, egymás után úsznak be */
.q-opt{animation-duration:.85s}
/* választáskor: arany ragyogás-gyűrű a pontból */
.q-opt.is-chosen .q-opt-mark{animation:cGlow .8s ease}
@keyframes cGlow{
  0%{box-shadow:0 0 0 0 rgba(203,171,114,.6)}
  100%{box-shadow:0 0 0 15px transparent}
}