/* /saloni i /veterina (R4): dodatak na grana.css samo za ono čega stranice grana nemaju:
   obrazac za ponudu (/js/modules/ponuda.js) i obrazac za demo u završnom bloku (/js/javno/marketing.js). */
.ponuda-rezerva{color:var(--sivo);}
#cijene .pf-form{margin:0;}
#cijene .pf-form label{font-size:16px;opacity:1;}
#cijene .pf-form input,#cijene .pf-form textarea{font-size:16px;min-height:var(--gumb);border-color:var(--crta-jaka);background:#fff;}
#cijene .pf-btn{min-height:var(--gumb);font-size:16px;background:var(--teal);}

.kraj-gumbi{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.gumb-obrub{min-height:52px;padding:0 24px;border-radius:10px;background:transparent;border-color:rgba(255,255,255,.7);color:#fff;}
.gumb-obrub:hover{background:rgba(255,255,255,.1);border-color:#fff;}
/* marketing.js otvara obrazac postavljanjem style.display = 'block' */
#demo-form-section{display:none;max-width:420px;margin:24px auto 0;padding:24px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-velik);background:rgba(255,255,255,.1);text-align:left;}
.demo-obrazac p{margin:0 0 14px;max-width:none;font-size:16px;opacity:.9;}
.demo-obrazac label{display:block;margin:0 0 4px;font-size:16px;font-weight:600;}
.demo-obrazac input{display:block;width:100%;min-height:var(--gumb);margin:0 0 12px;padding:0 12px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius);background:#fff;color:var(--tinta);font:inherit;font-size:16px;}
.demo-obrazac .gumb{width:100%;margin-top:4px;}
.demo-obrazac .demo-greska{display:none;margin:10px 0 0;color:#ffd7d2;font-size:16px;font-weight:600;}

@media(max-width:640px){
  .kraj-gumbi .gumb{width:100%;}
}
.kvacice-krug + p,.compare-wrap + p{margin-top:20px;}