/* podstranice – dodatak uz site.css (isti stil kao početna) */
.phero{position:relative;background:var(--black);color:#fff;isolation:isolate;overflow:hidden;padding:44px 0 52px}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 420px at 85% -10%,rgba(212,175,55,.2),transparent 62%),linear-gradient(180deg,#0c0c0d,#141416)}
.phero .crumbs{font-size:.84rem;color:var(--muted-d);margin-bottom:1.1rem}
.phero .crumbs a{color:var(--gold-2)}
.phero .crumbs a:hover{text-decoration:underline}
.phero h1{font-size:clamp(2rem,5.6vw,3.4rem);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:.7rem 0 1rem}
.phero p.lead{color:#c8c8cf;font-size:1.1rem;max-width:44rem}
.phero .cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.sub-sec{padding:64px 0}
.sub-sec.paper{background:var(--paper)}
.sub-sec.white{background:#fff}
.prose{max-width:46rem;color:#46464d;font-size:1.04rem}
.prose p+p{margin-top:1rem}
.grid2{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:820px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}}
.grid3{display:grid;gap:18px;grid-template-columns:1fr}
.card h3 small{font-weight:600;color:var(--muted);font-size:.8rem;display:block;margin-top:.2rem}
.card .btn{margin-top:.4rem}
.steps-list.s4{grid-template-columns:1fr}
@media(min-width:640px){.steps-list.s4{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.steps-list.s4{grid-template-columns:repeat(4,1fr)}}
.steps-list.s3{grid-template-columns:1fr}
@media(min-width:760px){.steps-list.s3{grid-template-columns:repeat(3,1fr)}}
.ctaband{background:var(--black);color:#fff;border-radius:28px;padding:2.2rem 1.6rem;display:grid;gap:1.2rem;position:relative;overflow:hidden;isolation:isolate}
.ctaband::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 300px at 100% 0,rgba(212,175,55,.2),transparent 60%)}
.ctaband h2{font-size:clamp(1.5rem,3.6vw,2.1rem);letter-spacing:-.02em;line-height:1.15;font-weight:800}
.ctaband p{color:#c8c8cf;max-width:38rem}
.ctaband .cta{display:flex;gap:.8rem;flex-wrap:wrap}
.ptable.light{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:var(--sh);color:var(--ink)}
.stable{background:#fff;border-radius:var(--r);box-shadow:var(--sh);border:1px solid rgba(0,0,0,.06);overflow:hidden}
.stable .r{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.07);align-items:baseline}
.stable .r:last-child{border-bottom:0}
.stable .r span:last-child{font-weight:800;text-align:right}
.stable .r.h{background:var(--black);color:var(--gold-2);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.note-s{margin-top:1rem;color:var(--muted);font-size:.9rem}
.kform{display:grid;gap:.9rem}
.kform label{display:grid;gap:.3rem;font-size:.82rem;font-weight:700;color:#46464d}
.kform input,.kform textarea{font:inherit;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(0,0,0,.18);background:#fff;color:var(--ink)}
.kform textarea{min-height:130px;resize:vertical}
.kform input:focus,.kform textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.kform small{color:var(--muted)}
.kcards .ci{display:flex;gap:.9rem;align-items:flex-start;margin-top:1rem}
.kcards .ci svg{flex:none;width:30px;height:30px;color:var(--gold-d)}
.kcards .ci small{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.kcards .ci a{color:var(--ink);font-weight:800}
.kcards .hr{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(0,0,0,.08)}
.kcards .hr:last-of-type{border-bottom:0}
.kcards .hr span:last-child{font-weight:800}
.rating-box{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;background:#fff;border-radius:var(--r);padding:1.4rem 1.6rem;box-shadow:var(--sh);border:1px solid rgba(0,0,0,.05)}
.rating-box b{font-size:2.6rem;letter-spacing:-.03em;line-height:1}
.rating-box .stars{font-size:1.3rem}
.quote{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;border-left:4px solid var(--gold);padding-left:1rem;max-width:40rem}
.phero + .wash{padding-top:48px}
.grid2,.grid3{grid-template-columns:minmax(0,1fr)}
@media(min-width:820px){.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.grid2>*,.grid3>*{min-width:0}
@media(max-width:560px){.card{padding:1.4rem}.kcards .hr{flex-wrap:wrap}.kcards .hr span:last-child{text-align:right}}
.kcards .ci{background:none;border:0;padding:0;color:var(--ink)}
.kcards .ci strong{color:var(--ink)}
.kcards .ci a:hover{color:var(--gold-d)}
.kcards .ci a.btn-wa{color:#fff}