/* Autor: PixelShark.eu */
.subheader{position:relative;overflow:hidden;padding:140px var(--pad-x) 42px;margin:0}
.subheader .subheader-inner{max-width:var(--content-w);margin:0 auto;text-align:center;position:relative;z-index:1}
.subheader h1{font-family:Cinzel,serif;margin:.1em 0 .35em}
.cloud-wrap{position:absolute;inset:0 0 auto 0;height:260px;z-index:0;pointer-events:none}
.sub-clouds{height:100%;width:auto;opacity:.9;display:block;object-fit:contain;animation:cloudDriftX 7.2s ease-in-out infinite alternate}
@keyframes cloudDriftX{0%{transform:translateX(0) scale(1.02)}100%{transform:translateX(-14px) scale(1.02)}}
.breadcrumbs{display:inline-flex;gap:10px;align-items:center}
.breadcrumbs a{color:var(--text);text-decoration:none;border-bottom:1px dashed rgba(212,175,55,.35)}
.crumb-sep{opacity:.6}

.order-wrap{max-width:var(--content-w);margin:18px auto 0;padding:0 var(--pad-x) 70px;position:relative;z-index:1}
.order-grid{display:grid;grid-template-columns:1fr;gap:28px}
.order-card{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 0 0 1px rgba(212,175,55,.12),0 12px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);padding:26px}
.order-card h2{margin-top:0}
.summary{display:flex;flex-direction:column;gap:12px}
.summary .item{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}
.summary .row{display:flex;justify-content:space-between;gap:12px}
.summary .label{color:var(--muted)}
.summary .val{font-weight:700}
.price-box{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.28)}
.price-line{display:flex;justify-content:space-between}
.price-line strong{color:var(--text)}
.total{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;border-top:1px dashed rgba(212,175,55,.35)}
.total .label{font-size:1.05rem;color:var(--gold)}
.total .amount{font-size:1.35rem;font-weight:800;color:var(--gold)}
.notice{color:var(--muted);font-size:.95rem;line-height:1.5}
.form-grid{display:grid;grid-template-columns:1fr;gap:14px}
.form-row{display:flex;flex-direction:column;gap:6px}
label{font-weight:600}
input,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text)}
input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.18)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:720px){.split{grid-template-columns:1fr}}
.checks{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.checks label{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.45}
.checks input[type="checkbox"]{accent-color:var(--gold);width:22px;height:22px;margin-top:2px;flex:0 0 22px}
.legal-links a{color:var(--accent);text-decoration:none;border-bottom:1px dashed rgba(212,175,55,.35)}
.legal-links a:hover{color:var(--gold)}
.order-actions{display:flex;justify-content:flex-end;margin-top:18px}
.order-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;border:1px solid rgba(212,175,55,.35);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));color:var(--text);text-decoration:none;font-weight:700;box-shadow:0 0 0 1px rgba(212,175,55,.12),0 12px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer}
.order-btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 26px rgba(212,175,55,.12)}
.order-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.order-card{width:100%}
.summary{display:block}
.item{display:block}
.payment-element-wrap{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px;background:rgba(0,0,0,.15)}
.pay-errors{margin-top:10px;color:#b00;font-size:.95rem}
.pay-success{margin-top:10px;color:#0a0;font-weight:600}
#payment-element{width:100%}
.order-card .form-row input,
.order-card .form-row select{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(0,0,0,.15);color:#fff}
.order-card .form-row label{display:block;margin-bottom:6px;font-weight:500}
.order-actions{margin-top:14px}
.order-actions .order-btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.order-actions .order-btn[disabled]{opacity:.6;cursor:not-allowed}
.price-box{width:100%}
@media (max-width:820px){
  .order-grid{grid-template-columns:1fr;gap:20px}
  .split{display:block}
  .split .form-row{width:100%}
  .payment-element-wrap{padding:10px}
}
/* Stripe wrapper – spójne odstępy i tło jak w Twoim UI */
#payment-element {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  padding: 14px;
  background: rgba(255,255,255,.03);
}
#pay-errors { margin-top: 8px; color: #ff6b6b; }