/* PazAlone — Rendelés és Köszönjük oldal.
   Üzleti, jól olvasható, cikornya nélkül: a site sima talpatlan betűje (Hanken Grotesk),
   sötét szöveg, fehér panelek a site hátterén, egyetlen színes gomb (a site fizetés-gombja). */
.pz-order{font-family:var(--sans);font-size:17px;line-height:1.55;color:var(--text)}
.pz-order *{font-family:var(--sans)}
.pz-order .wrap-o{max-width:1080px;margin:0 auto;padding:36px 24px 60px}
.pz-order h1{font-size:32px;font-weight:700;letter-spacing:0;line-height:1.2;margin:0}
.pz-order h2{font-size:20px;font-weight:700;letter-spacing:0;line-height:1.3;margin:0 0 10px}
.pz-order p{max-width:none}
.pz-order .back{margin-top:6px;font-size:15px}
.pz-order .back a{color:var(--soft)}
.hide{display:none!important}

.pz-order .grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"prod sum" "info sum";gap:16px 24px;margin-top:24px;align-items:start}
.pz-order .g-prod{grid-area:prod}
.pz-order .g-sum{grid-area:sum}
.pz-order .g-info{grid-area:info}
.pz-order .panel{background:#FFFFFF;border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.pz-order .panel + .panel{margin-top:16px}

/* termék */
.pz-order .product{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.pz-order .pname{font-size:22px;font-weight:700}
.pz-order .period{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pz-order .period button{appearance:none;border:0;background:#FFF;color:var(--text);font-weight:600;font-size:15px;padding:8px 18px;cursor:pointer}
.pz-order .period button + button{border-left:1px solid var(--line)}
.pz-order .period button[aria-pressed="true"]{background:var(--text);color:#FFF}
.pz-order ul.features{list-style:none;margin:6px 0 0;padding:0}
.pz-order ul.features li{position:relative;padding:5px 0 5px 24px;max-width:none}
.pz-order ul.features li::before{content:"✓";position:absolute;left:0;top:5px;color:var(--accent);font-weight:700}
.pz-order .info p{margin:0 0 8px;color:var(--text)}
.pz-order .info p:last-child{margin-bottom:0}

/* összesítő */
.pz-order .summary{position:sticky;top:96px}
.pz-order .line{display:flex;justify-content:space-between;gap:12px;padding:8px 0}
.pz-order .line .v{font-weight:600;text-align:right;white-space:nowrap}
.pz-order .line.disc .v{color:#1B6E3A}
.pz-order .note{font-size:14px;color:var(--soft);margin:0 0 6px}
.pz-order .total{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:20px;font-weight:700}
.pz-order .vat{font-size:14px;color:var(--soft);margin-top:2px}
.pz-order .codelink{appearance:none;border:0;background:none;padding:0;margin-top:14px;color:var(--text);text-decoration:underline;font-size:15px;cursor:pointer}
.pz-order .coderow{display:flex;gap:8px;margin-top:10px}
.pz-order .coderow input{flex:1;min-width:0;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;border:1px solid #BDB3A6;border-radius:8px;background:#FFF;color:var(--text)}
.pz-order .coderow input::placeholder{text-transform:none;letter-spacing:normal;font-weight:400;color:var(--faint)}
.pz-order .coderow button{appearance:none;border:1px solid var(--text);background:#FFF;color:var(--text);font-weight:600;font-size:15px;padding:0 14px;border-radius:8px;cursor:pointer}
.pz-order .codemsg{font-size:14px;margin-top:6px;color:var(--soft);min-height:1.3em}
.pz-order .codemsg.ok{color:#1B6E3A}
.pz-order .pay{width:100%;justify-content:center;margin-top:16px;font-size:17px}
.pz-order .status{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#FBF8F3;font-size:15px}
.pz-order .legal{font-size:14px;color:var(--soft);margin-top:12px}
.pz-order .legal a{color:var(--soft)}
.pz-order :focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* köszönőoldal */
.pz-order .thanks{max-width:680px}
.pz-order ol.howto{list-style:decimal outside;margin:10px 0 0 22px;padding:0}
.pz-order ol.howto li{display:list-item;margin:6px 0;padding:0;max-width:none}
.pz-order .stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

@media (max-width:880px){
  .pz-order .grid{grid-template-columns:1fr;grid-template-areas:"prod" "sum" "info"}
  .pz-order .summary{position:static}
}
.pz-order .sr{position:absolute;left:-9999px}
.pz-order .thanks .panel{margin-top:20px}
.pz-order .thanks h2{margin-top:18px}
.pz-order h2.mt{margin-top:18px}