@charset "UTF-8";
/* PODSTRANICA ZA PARTNERE */
.phero{margin-top:16px;padding:90px 0 96px;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 100%)}
.phero .it{color:var(--gold-bright)}
.phero h1{font-size:clamp(2.3rem,4.6vw,3.7rem)}
.phero .lead{margin:22px 0 32px}
.phero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}
.pfacts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pfacts li{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);border-radius:20px;padding:20px 24px}
.pfacts b{display:block;font-size:2rem;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-bright)}
.pfacts span{color:rgba(255,255,255,.78);font-size:.93rem}

.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}
.ben{border:1px solid var(--line);border-radius:var(--r-card);padding:30px;background:linear-gradient(160deg,var(--white),#F9F4E8)}
.ben .n{font-family:var(--serif);font-size:2.2rem;font-weight:600;color:var(--gold);line-height:1}
.ben h3{margin:14px 0 8px}
.ben p{color:var(--muted);font-size:.95rem}

.form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.form-intro{position:sticky;top:120px}
.form-intro h2{margin-bottom:18px}
.mini-steps{margin:28px 0;padding:0;list-style:none;counter-reset:m;display:grid;gap:14px}
.mini-steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;font-weight:500}
.mini-steps li::before{counter-increment:m;content:counter(m);width:40px;height:40px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:1.3rem;font-weight:600}
.muted-s{color:var(--muted);font-size:.95rem}

.pform{background:var(--cream);border-radius:28px;padding:38px 36px;display:grid;gap:18px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.field{display:grid;gap:7px}
.field label{font-weight:600;font-size:.92rem}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;width:100%;transition:border-color .2s, box-shadow .2s}
.field textarea{resize:vertical;min-height:110px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(189,149,66,.18)}
.field .hint{color:var(--muted);font-size:.82rem}
.field.err input,.field.err select{border-color:#B3261E}
.field .emsg{color:#B3261E;font-size:.84rem}
.check{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:.92rem;color:var(--muted);cursor:pointer}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--purple)}
.check.err span{color:#B3261E}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pform .btn{justify-content:center;width:100%;padding:18px}
.pform .btn[disabled]{opacity:.6;cursor:wait}
.after{text-align:center;color:var(--muted);font-size:.92rem}
.form-msg{margin:0;padding:14px 18px;border-radius:14px;background:#FBE9E7;color:#8C1D18;font-size:.95rem}
.form-ok{background:var(--navy);color:var(--white);border-radius:28px;padding:44px 40px}
.form-ok .eyebrow{color:var(--gold-bright)}
.form-ok h3{font-family:var(--serif);font-size:2.2rem;font-weight:600;letter-spacing:0;margin-bottom:10px}
.form-ok p{color:rgba(255,255,255,.82)}

.paycode{margin-top:24px;border:1.5px solid var(--line);border-radius:28px;padding:30px 32px;background:var(--white)}
.pc-head p{color:var(--muted);font-size:.95rem;margin-top:-6px}
.paycode img{width:100%;max-width:560px;margin:22px 0;image-rendering:pixelated}
.paycode dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.93rem}
.paycode dt{color:var(--muted)}
.paycode dd{margin:0}

@media (max-width:1060px){
  .phero-grid,.form-grid{grid-template-columns:1fr;gap:44px}
  .form-intro{position:static}
  .benefits{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .phero{padding:60px 0}
  .benefits,.row2{grid-template-columns:1fr}
  .pform{padding:28px 22px}
  .paycode{padding:24px 20px}
  .paycode dl{grid-template-columns:1fr;gap:2px}
  .paycode dd{margin-bottom:8px}
}

/* MOBITEL */
@media (max-width:720px){
  .phero{padding:46px 0 48px}
  .phero .btns{display:grid;grid-template-columns:1fr;gap:12px}
  .phero .btns .btn{justify-content:center}
  .pfacts{grid-template-columns:1fr 1fr;gap:10px}
  .pfacts li{padding:16px;border-radius:16px}
  .pfacts li:last-child{grid-column:1/-1}
  .pfacts b{font-size:1.35rem}
  .pfacts span{font-size:.8rem;line-height:1.35;display:block;margin-top:4px}
  .benefits{gap:10px;margin-top:30px}
  .ben{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;padding:18px 18px 18px 14px}
  .ben .n{grid-row:span 2;font-size:1.7rem;text-align:center}
  .ben h3{margin:0;font-size:1.02rem}
  .ben p{font-size:.9rem}
  .mini-steps{margin:20px 0}
  .pform{gap:14px}
  .form-ok{padding:32px 24px}
  .paycode img{margin:16px 0}
}