
.checkout-page{max-width:1180px;margin:0 auto;padding:48px 22px 80px}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:start}
.checkout-card{background:linear-gradient(145deg,#1a1e1b,#121512);border:1px solid rgba(208,173,99,.2);border-radius:13px;padding:28px;color:#f0e8da}
.checkout-card h1,.checkout-card h2{font-family:Cinzel,serif;margin:4px 0 24px}
.checkout-form{display:grid;gap:16px}
.checkout-form label{display:grid;gap:7px;font-weight:600}
.checkout-form input,.checkout-form textarea{box-sizing:border-box;width:100%;padding:13px;border-radius:6px;border:1px solid rgba(208,173,99,.25);background:#0e110f!important;color:#f0e8da!important;font:inherit}
.checkout-form textarea{resize:vertical}
.checkout-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkout-check{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:start}
.checkout-check input{width:auto!important;margin-top:4px}
.checkout-line{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(208,173,99,.15)}
.checkout-line strong{font-size:13px}.checkout-line span{white-space:nowrap;color:#d0ad63}
.checkout-total{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:18px}
.checkout-total strong{color:#d0ad63}
.checkout-error{padding:12px 14px;border:1px solid #8c4540;background:rgba(168,78,72,.2);border-radius:6px}
.checkout-success{max-width:680px;margin:8vh auto;text-align:center}
.order-number{display:block;font:700 28px Cinzel,serif;color:#d0ad63;margin:10px 0 24px}
#checkoutButton{text-decoration:none;text-align:center}
@media(max-width:800px){.checkout-layout{grid-template-columns:1fr}.checkout-two{grid-template-columns:1fr}}

/* v16.1 – szállítás és fizetés */
.checkout-options{border:1px solid rgba(208,173,99,.22);border-radius:8px;padding:14px;display:grid;gap:10px}
.checkout-options legend{padding:0 8px;font-weight:700;color:#d0ad63}
.checkout-option{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:center;padding:10px;border:1px solid rgba(208,173,99,.14);border-radius:6px;cursor:pointer}
.checkout-option input{width:auto!important}
.checkout-option span{display:flex;justify-content:space-between;gap:15px;align-items:center}
.checkout-option small{color:#d0ad63}
.checkout-summary-line{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid rgba(208,173,99,.12)}

/* v17 – pontválasztás + jogi linkek */
.pickup-point-box{display:grid;gap:12px;padding:16px;border:1px solid rgba(208,173,99,.22);border-radius:8px;background:rgba(208,173,99,.04)}
.pickup-point-box[hidden]{display:none!important}
.pickup-point-box h3{margin:0;color:#d0ad63}
.pickup-point-box p{margin:0;color:#b9b3a8;font-size:13px;line-height:1.5}
.checkout-check a{color:#d0ad63;text-decoration:underline}

/* v17.2 popup */
.pickup-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}
.pickup-modal[hidden]{display:none!important}
.pickup-modal-card{position:relative;width:min(620px,100%);background:#141815;border:1px solid rgba(208,173,99,.35);border-radius:12px;padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.5)}
.pickup-modal-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#eee8dd;font-size:30px;cursor:pointer}
.pickup-note{color:#b9b3a8;line-height:1.5}

/* v17.3 – beágyazott FOXPOST + GLS pontválasztó */
.pickup-modal-card-wide{width:min(1050px,96vw);height:min(780px,90vh);overflow:auto}
.provider-picker{width:100%;height:620px;margin-top:14px;border-radius:8px;overflow:hidden;background:#fff}
.provider-picker[hidden]{display:none!important}
#foxpostFrame{display:block;width:100%;height:100%;border:0}
#glsPicker gls-dpm{display:block;width:100%;height:100%}
#pickupPointName[readonly],#pickupPointAddress[readonly]{opacity:.9;cursor:default}
@media(max-width:700px){
  .pickup-modal{padding:8px}
  .pickup-modal-card-wide{width:98vw;height:94vh;padding:18px 10px}
  .provider-picker{height:72vh}
}
