/* Pénztár (/penztar/) and the purchase thank-you page (/vasarlas/koszonjuk/): quiet two-column checkout, sticky order summary, numbered form steps, consent boxes, Stripe note. */

/* Checkout */
.ck{padding:clamp(24px,3vw,44px) 0 clamp(90px,9vw,140px)}
.ck-head{max-width:760px;margin-bottom:clamp(36px,4vw,56px)}
.ck-head .eyebrow{margin-bottom:18px}
.ck-head h1{font-size:clamp(40px,4.4vw,68px)}
.ck-intro{max-width:36em;margin-top:20px;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.7;color:#516057}
.ck-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);grid-template-areas:"main summary";gap:clamp(32px,4vw,72px);align-items:start}
.ck-main{grid-area:main;min-width:0}
.ck-summary{grid-area:summary;min-width:0}
@media (min-width:1021px){.ck-summary{position:sticky;top:calc(var(--header) + 24px)}}

.ck-card{padding:clamp(24px,2.6vw,36px);border-radius:28px;background:var(--white);box-shadow:var(--shadow-l)}
.ck-card-title{margin-bottom:18px;font-size:clamp(25px,2vw,30px);line-height:1.15}
.ck-sum-body{transition:opacity .25s}
.ck.is-updating .ck-sum-body{opacity:.55}
.ck-lines{list-style:none;display:grid;gap:0;min-height:56px}
.ck-line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.45;color:var(--ink)}
.ck-line-name{min-width:0}
.ck-line-price{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.ck-line.is-skeleton span{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--sage-2),var(--sage),var(--sage-2));background-size:200% 100%}
.ck-line.is-skeleton span:first-child{width:58%}
.ck-line.is-skeleton span:last-child{width:22%}
@media (prefers-reduced-motion:no-preference){.ck-line.is-skeleton span{animation:ck-shimmer 1.4s linear infinite}}
@keyframes ck-shimmer{to{background-position:-200% 0}}
.ck-totals{display:grid;gap:10px;margin:16px 0 0}
.ck-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:14.5px;line-height:1.45;color:var(--body)}
.ck-row dt small{display:block;font-size:12.5px;color:var(--muted)}
.ck-row dd{margin:0;flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.ck-row.is-minus dd{color:var(--green)}
.ck-row.is-total{margin-top:6px;padding-top:14px;border-top:1px solid var(--line-2);color:var(--ink)}
.ck-row.is-total dt{font-weight:600}
.ck-row.is-total dd{font:400 clamp(24px,2vw,28px)/1.1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.ck-row.is-now{padding:12px 14px;border-radius:14px;background:var(--sage-2);color:var(--ink)}
.ck-row.is-now dd{font-weight:600}
.ck-hint{margin-top:16px;padding:12px 14px;border-radius:14px;background:var(--butter);border:1px solid #f0ead6;font-size:13px;line-height:1.55;color:var(--body)}
.ck-what{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.ck-what-title{margin-bottom:12px;font:600 11.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.ck-what-list{list-style:none;display:grid;gap:16px}
.ck-what-list b{display:block;font:400 18px/1.3 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.ck-what-list p{margin-top:4px;font-size:13.5px;line-height:1.6;color:var(--body)}
.ck-what-list .ck-what-when{color:var(--muted)}
.ck-sum-error{padding:12px 14px;border-radius:12px;background:#f8ebe6;font-size:14px;line-height:1.55;color:var(--error)}

.ck-form{gap:clamp(28px,3vw,40px)}
.ck-set{display:grid;gap:16px;min-width:0;margin:0;padding:0;border:0}
.ck-legend{display:flex;align-items:center;gap:14px;padding:0 0 6px;font:400 clamp(23px,1.9vw,28px)/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.ck-step{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--sage);font:600 14px/1 var(--sans);letter-spacing:0;color:var(--green-deep)}
.ck-note{font-size:13.5px;line-height:1.6;color:var(--muted)}
.ck-field-hint{font-size:12.5px;line-height:1.45;color:var(--muted)}
.ck-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
.ck-plans .check small{font-size:13.5px;color:var(--body);font-variant-numeric:tabular-nums}
.ck-plans .check-title{font-weight:600}
.ck-toggle{display:inline-flex;flex-wrap:wrap;gap:4px;justify-self:start;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.ck-toggle label{position:relative;cursor:pointer}
.ck-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.ck-toggle span{display:block;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:500;line-height:1.3;color:var(--body);transition:background-color .2s,color .2s}
.ck-toggle input:checked+span{background:var(--green);color:#fff}
.ck-toggle input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
.ck-addr{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:16px}
.ck-consents{display:grid;gap:10px}
.ck-consents .consent-check{font-size:14px;color:var(--ink)}
.ck-consents .consent-check a{color:var(--green);font-weight:500}
.ck-consents .consent-check:has(input[aria-invalid="true"]){border-color:var(--error);background:#fbf1ed}
.ck-pay{display:grid;gap:18px;padding:clamp(22px,2.4vw,30px);border-radius:24px;background:var(--sage-2)}
.ck-pay-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;line-height:1.6;color:var(--body)}
.ck-pay-note .icon{width:26px;height:26px;color:var(--green)}
.ck-pay-note b{font-weight:600;color:var(--ink)}
.ck-pay-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid var(--line-2);font-size:14.5px;color:var(--ink)}
.ck-pay-total b{font:400 26px/1.1 var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ck-submit{justify-self:stretch;justify-content:center;min-height:58px;font-size:15px}
.ck-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ck-submit:disabled:hover{background:var(--green)}
.ck-seller{margin-top:26px;font-style:normal;font-size:12.5px;line-height:1.7;color:var(--muted)}
.ck-seller b{font-weight:600;color:var(--body)}
.ck-seller a{color:inherit}
.ck-panel{padding:clamp(26px,3vw,44px);border-radius:28px;background:var(--white);box-shadow:var(--shadow-m)}
.ck-panel-title{margin-bottom:14px;font-size:clamp(28px,2.6vw,40px);line-height:1.12}
.ck-panel>p{max-width:34em;font-size:15.5px;line-height:1.7;color:var(--body)}
.ck-panel .actions{margin-top:26px}
.ck-waitlist{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.ck[data-ck-state="empty"] .ck-grid,.ck[data-ck-state="request"] .ck-grid{grid-template-columns:minmax(0,760px)}

@media (max-width:1020px){
  .ck-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"summary" "main"}
  .ck-summary{max-width:640px}
}
@media (max-width:680px){
  .ck-head h1{font-size:clamp(36px,10vw,46px)}
  .ck-card,.ck-panel{padding:22px 18px;border-radius:22px}
  .ck-plans{grid-template-columns:1fr}
  .ck-addr{grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:12px}
  .ck-pay{padding:20px 16px;border-radius:20px}
  .ck-toggle{display:flex;justify-self:stretch}
  .ck-toggle label{flex:1}
  .ck-toggle span{text-align:center;padding:9px 12px}
}

/* Thank-you after purchase */
.vk{padding:clamp(24px,3vw,44px) 0 clamp(80px,8vw,120px)}
.vk-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,5vw,90px);align-items:start}
.vk-mark{display:grid;place-items:center;width:66px;height:66px;margin-bottom:26px;border-radius:50%;background:var(--sage);box-shadow:inset 0 0 0 6px var(--white),0 10px 24px -14px rgba(46,62,52,.4)}
.vk-mark .icon{width:28px;height:28px;color:var(--green);stroke-width:1.8}
.vk h1{font-size:clamp(40px,4.6vw,72px)}
.vk-lead{max-width:34em;margin-top:24px;font-size:clamp(17px,1.4vw,19.5px);line-height:1.72;color:#516057}
.vk-mail{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:16px;max-width:560px;margin-top:30px;padding:18px 22px;border-radius:22px;background:var(--butter);border:1px solid #f0ead6}
.vk-mail-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--white)}
.vk-mail-icon img{width:26px;height:26px}
.vk-mail p{font-size:14.5px;line-height:1.6;color:var(--body)}
.vk-steps{padding:clamp(26px,3vw,40px);border-radius:28px;background:var(--white);box-shadow:var(--shadow-l)}
.vk-steps h2{margin-bottom:20px;font-size:clamp(26px,2.2vw,34px);line-height:1.15}
.vk-list{list-style:none;display:grid;gap:0;counter-reset:vk}
.vk-list>li{position:relative;padding:16px 0 16px 50px;border-top:1px solid var(--line);counter-increment:vk}
.vk-list>li:first-child{border-top:0;padding-top:4px}
.vk-list>li::before{content:counter(vk);position:absolute;left:0;top:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sage);font:600 13.5px/1 var(--sans);color:var(--green-deep)}
.vk-list>li:first-child::before{top:2px}
.vk-list b{display:block;font:400 19px/1.3 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.vk-list p{margin-top:4px;font-size:14.5px;line-height:1.6;color:var(--body)}
.vk-list a{color:var(--green);font-weight:500}
.vk-oto:empty{display:none}
.vk-help{margin-top:22px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.vk-help a{color:var(--green)}
@media (max-width:1020px){.vk-grid{grid-template-columns:minmax(0,1fr)}.vk-steps{max-width:640px}}
@media (max-width:680px){.vk-steps{padding:22px 18px;border-radius:22px}.vk-list>li{padding-left:44px}.vk-mark{width:56px;height:56px}}
.ck-what-list .ck-what-shared{padding:12px 14px;border-radius:14px;background:var(--sage-2);font-size:13.5px;line-height:1.6;color:var(--body)}

.ck-info{display:grid;gap:10px}
.ck-info .ck-note{margin:0}
.ck-consents .consent-check .ck-docs{display:block;margin-top:4px;font-size:12.5px}
.ck-consents .consent-check.is-optional>span::after{content:" (nem kötelező)";color:var(--muted);font-size:12.5px}
.ck-hint.is-teljes.is-strong{margin:0 0 16px;background:var(--sage-2);border-color:var(--line-2);color:var(--ink)}
.vk-status{margin-top:18px;padding:12px 14px;border-radius:14px;background:var(--sage-2);border:1px solid var(--line);font-size:14px;line-height:1.55;color:var(--ink)}
.vk-oto[hidden]{display:none}
.vk-offer-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:start}
.vk-offer-copy h2{margin:10px 0 18px}
.vk-offer-copy p{max-width:62ch;color:var(--body)}
.vk-offer-card{padding:clamp(22px,3vw,34px);border-radius:var(--radius);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.vk-offer-card p{font-size:15px;line-height:1.65;color:var(--body)}
.vk-offer-card .actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
@media (max-width:860px){.vk-offer-grid{grid-template-columns:minmax(0,1fr)}.vk-offer-card .actions .btn{width:100%;justify-content:center}}