/* Utrenu — registracija profesionalaca i plaćanje (scoped: .pf) */
.pf{--red:#D5224C;--red-d:#A8183B;--tint:#FDF3F5;--tint2:#FCE3E9;--ink:#1D1B22;--mut:#6F6A75;--line:#ECEAEE;--fld:#DDD9E0;
  font-family:Manrope,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.pf.account-wrap{display:block!important;height:auto!important;width:100%;background:#FAFAFB;padding-top:28px!important;padding-bottom:48px!important}
.pf.container{padding-top:28px!important;padding-bottom:20px}
.pf *{box-sizing:border-box}

/* ===== Kartica ===== */
.pf .account-card .account-content,
.pf .card{max-width:600px;margin:0 auto;background:#fff;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(29,27,34,.06)}
.pf .card .card-body{padding:0}
.pf .register-form .form-body,.pf .card .form-body{padding:26px 18px 22px!important}
.pf.pf-wide .card{max-width:1040px}
.pf.pf-narrow .card{max-width:640px}
@media(min-width:640px){.pf .register-form .form-body,.pf .card .form-body{padding:38px 40px 30px!important}}

/* ===== Naslovi ===== */
.pf .pf-h,.pf .form-body h4{font-size:clamp(22px,4.2vw,28px);line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;text-transform:none;font-family:inherit;text-align:center}
.pf .pf-sub{font-size:15px;line-height:1.5;color:var(--mut);text-align:center;margin:0 auto 22px;max-width:46ch}
.pf .form-body h6{font-size:15px;font-weight:700;line-height:1.45;color:var(--ink);font-family:inherit}
.pf .form-body p{font-size:15px;line-height:1.55}

/* ===== Koraci ===== */
.pf-steps{list-style:none;display:flex;margin:0 auto 22px;padding:0;max-width:600px;counter-reset:s}
.pf-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:11.5px;font-weight:700;color:#A19CA8;text-align:center}
.pf-steps li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.pf-steps li:first-child::before{display:none}
.pf-steps li.is-done::before,.pf-steps li.is-current::before{background:var(--red)}
.pf-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:800;color:#A19CA8}
.pf-steps li.is-current{color:var(--ink)}
.pf-steps li.is-current .pf-dot{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 4px var(--tint2)}
.pf-steps li.is-done{color:var(--mut)}
.pf-steps li.is-done .pf-dot{background:var(--tint);border-color:var(--red);color:var(--red)}

/* ===== Polja ===== */
.pf label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
.pf .form-group{margin-bottom:16px}
.pf .form-control,.pf select.form-control,.pf .input-group-text{height:50px;border:1.5px solid var(--fld);border-radius:14px;font-size:15px;font-family:inherit;color:var(--ink);background-color:#fff;padding:0 16px;box-shadow:none}
.pf textarea.form-control{height:auto;padding:14px 16px;line-height:1.5}
.pf .form-control:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(213,34,76,.14);outline:0}
.pf select.form-control{-webkit-appearance:none;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236F6A75' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.pf .input-group-prepend .input-group-text{border-radius:14px 0 0 14px;background:#F6F4F7;font-weight:700;color:var(--mut);margin:0}
.pf .input-group .form-control{border-radius:0 14px 14px 0}
.pf .error,.pf label.error{color:#A5162F;font-size:12.5px;font-weight:600;margin-top:6px}
.pf .form-control.error{border-color:#E8718A}
.pf .validation-error{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--mut);margin:4px 0 16px}
.pf .validation-error input[type=checkbox]{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--red)}
.pf .validation-error a,.pf .sign-up-p a{color:var(--red);font-weight:700}
.pf .sign-up-p{font-size:13px;line-height:1.5;color:var(--mut);text-align:center;margin:4px 0 0}
.pf .pw-wrap{position:relative}
.pf .pw-wrap .form-control{padding-right:76px}
.pf .pw-toggle{position:absolute;right:6px;top:6px;height:38px;padding:0 12px;border:0;background:transparent;color:var(--red);font:700 13px Manrope,sans-serif;cursor:pointer;border-radius:10px}
.pf .pw-toggle:hover{background:var(--tint)}

/* ===== Dugmad ===== */
.pf .btn,.pf .pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:999px!important;font:700 15px/1 Manrope,sans-serif;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;text-transform:none;letter-spacing:0;width:auto}
.pf .btn.form-control,.pf .pf-btn.block{width:100%;display:flex}
.pf .btn-primary,.pf .pf-btn-primary,.pf .btn-warning,.pf .btn-success{background:var(--red);border-color:var(--red);color:#fff}
.pf .btn-primary:hover,.pf .pf-btn-primary:hover,.pf .btn-warning:hover,.pf .btn-success:hover{background:var(--red-d);border-color:var(--red-d);color:#fff}
.pf .btn-primary:focus-visible,.pf .pf-btn:focus-visible{box-shadow:0 0 0 4px rgba(213,34,76,.25);outline:0}
.pf .pf-btn-ghost,.pf .btn-secondary,.pf .btn-outline-primary-flat,.pf .btn-outline-warning-flat{background:#fff;border-color:var(--fld);color:var(--ink)}
.pf .pf-btn-ghost:hover,.pf .btn-secondary:hover,.pf .btn-outline-primary-flat:hover,.pf .btn-outline-warning-flat:hover{background:#F6F4F7;border-color:#C9C4CF;color:var(--ink)}
.pf .btn-link{color:var(--red);font-weight:700;height:auto;text-decoration:none}
.pf .btn[disabled],.pf .btn:disabled{opacity:.5;cursor:not-allowed}
.pf .btn.facebook,.pf .btn.google{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--fld)!important;font-weight:700}
.pf .btn.facebook:hover,.pf .btn.google:hover{background:#F6F4F7!important;border-color:#C9C4CF!important}
.pf .btn.facebook i{color:#1877F2;font-size:20px}
.pf .form-footer{margin-top:24px}
.pf .form-footer .row{align-items:center}
.pf .divider-or{display:flex;align-items:center;gap:14px;color:#A19CA8;font-size:13px;font-weight:700;margin:20px 0}
.pf .divider-or::before,.pf .divider-or::after{content:"";flex:1;height:1px;background:var(--line)}
.pf .pf-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--mut);margin-top:16px;text-align:center}

/* ===== Alert ===== */
.pf .alert-danger{background:#FDECEF;color:#A5162F;border:1px solid #F7C6CF;border-radius:14px}

/* ===== Izbor uloge / signup ===== */
.pf-choice{display:grid;gap:14px;margin:6px 0 0}
@media(min-width:640px){.pf-choice{grid-template-columns:1fr 1fr}}
.pf-opt{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border:1.5px solid var(--line);border-radius:20px;background:#fff;color:var(--ink)!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.pf-opt:hover{border-color:var(--red);box-shadow:0 8px 24px rgba(213,34,76,.12);transform:translateY(-2px)}
.pf-opt-ic{width:46px;height:46px;border-radius:14px;background:var(--tint);color:var(--red);display:grid;place-items:center;font-size:19px;margin-bottom:6px}
.pf-opt b{font-size:17px;font-weight:800}
.pf-opt .pf-opt-d{font-size:14px;color:var(--mut);line-height:1.45;margin:0}
.pf-opt em{font-style:normal;margin-top:8px;font-weight:700;font-size:14px;color:var(--red)}
.pf-foot{text-align:center;margin-top:22px;font-size:14px;color:var(--mut)}
.pf-foot a{color:var(--red);font-weight:700}

/* ===== Liste (usluge / gradovi) ===== */
.pf .widget-todo{padding:0}
.pf .widget-todo ul{display:grid;gap:10px;margin:0;padding:0}
@media(min-width:640px){.pf .widget-todo.pf-grid ul{grid-template-columns:1fr 1fr}}
.pf .widget-todo .todo-item{padding:0;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,background .15s}
.pf .widget-todo .todo-item:hover{border-color:#C9C4CF}
.pf .widget-todo .todo-item:has(input:checked){border-color:var(--red);background:var(--tint)}
.pf .widget-todo .option{display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;cursor:pointer;width:100%}
.pf .widget-todo span.todo-text{padding:0;font-size:15px;font-weight:600;color:var(--ink);font-family:inherit}
.pf .widget-todo input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:22px;height:22px;margin:0;border:2px solid #CFCAD4;border-radius:7px;background:#fff center/14px no-repeat;cursor:pointer;transition:all .15s}
.pf .widget-todo input[type=checkbox]:checked{background-color:var(--red);border-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.pf .widget-todo input[type=checkbox]:focus-visible{box-shadow:0 0 0 4px rgba(213,34,76,.25);outline:0}
.pf .widget-todo .todo-item.pf-all{background:#FAFAFB}

/* ===== Profil: fotografija ===== */
.pf #preview_photo{border-radius:16px;border:1px solid var(--line);padding:0;width:100%;max-height:220px;object-fit:cover}
.pf .btn-outline-primary,.pf .file-input-wrapper{background:#fff!important;border:1.5px dashed #CFCAD4!important;color:var(--ink)!important;border-radius:14px!important;height:50px;font-weight:700}
.pf .progress{height:8px;border-radius:99px;background:var(--line);margin-top:10px}
.pf .progress-bar{background:var(--red)!important}
.pf .dropzone{border:2px dashed #CFCAD4;border-radius:16px;background:#FAFAFB;min-height:120px}
.pf .dropzone .dz-message{color:var(--mut);font-weight:600}

/* ===== Paketi ===== */
.pf .pf-seg{display:flex;gap:4px;padding:4px;margin:18px auto 6px;max-width:380px;background:#F3F1F5;border-radius:999px}
.pf .pf-seg button{flex:1;height:44px;border:0;border-radius:999px;background:transparent;font:700 14px Manrope,sans-serif;color:var(--mut);cursor:pointer;transition:all .15s}
.pf .pf-seg button.is-on{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(29,27,34,.1)}
.pf .pf-seg small{display:inline-block;margin-left:6px;padding:3px 8px;border-radius:99px;background:var(--tint2);color:var(--red-d);font-size:11px;font-weight:800}
.pf .sponsoredpro-plan .row{row-gap:6px}
.pf .icon-box.icon-border-box{position:relative;height:100%;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:22px 20px 20px!important;cursor:pointer;box-shadow:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.pf .icon-box.icon-border-box:hover{border-color:#C9C4CF;transform:translateY(-2px)}
.pf .icon-box.icon-shadow-box{border-color:var(--red);background:var(--tint);box-shadow:0 0 0 4px rgba(213,34,76,.14)!important}
.pf .sponsoredpro-plan-header h3{font-size:15px;font-weight:800;color:var(--mut);margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em;font-family:inherit}
.pf .sponsoredpro-plan-header h2{font-size:34px;font-weight:800;line-height:1.1;color:var(--ink)!important;margin:0;letter-spacing:-.02em;font-family:inherit}
.pf .sponsoredpro-plan-header h2 small{font-size:14px;font-weight:700;color:var(--mut)!important;letter-spacing:0}
.pf .sponsoredpro-plan-header p{font-size:13.5px;color:var(--mut);margin:6px 0 0}
.pf .icon-box hr{border-color:var(--line);margin:16px 0}
.pf .icon-box .btn-label{width:100%;height:46px;background:#fff;border:1.5px solid var(--red);color:var(--red);font-weight:800}
.pf .icon-box .btn-label:hover,.pf .icon-box .btn-label.active{background:var(--red);color:#fff}
.pf .sponsoredpro-plan ul{padding:0}
.pf .sponsoredpro-plan ul li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink);padding:5px 0}
.pf .sponsoredpro-plan ul li i{color:var(--red)!important;margin:3px 0 0;flex:none}
.pf .pf-badge{position:absolute;top:-2px;left:50%;transform:translateX(-50%);z-index:2;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;padding:5px 12px;border-radius:99px;text-transform:uppercase;white-space:nowrap}
.pf .pf-lead{text-align:center;color:var(--mut);font-size:15px;margin:0 auto;max-width:52ch}

/* ===== Način plaćanja ===== */
.pf .pf-sum{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin:0 0 18px;background:var(--tint);border:1px solid var(--tint2);border-radius:16px}
.pf .pf-sum small{display:block;font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.pf .pf-sum b{font-size:16px;font-weight:800}
.pf .pf-sum .pf-sum-price{font-size:22px;font-weight:800;color:var(--ink);white-space:nowrap}
.pf .border-card{position:relative;padding:18px 18px 18px 50px!important;margin-bottom:12px;border:1.5px solid var(--line)!important;border-radius:18px!important;background:#fff;transition:border-color .15s,background .15s}
.pf .border-card:has(.custom-control-input:checked){border-color:var(--red)!important;background:var(--tint)}
.pf .border-card .custom-control-label{font-size:16px;cursor:pointer}
.pf .border-card .custom-control-label span{font-family:inherit!important;font-weight:800!important;color:var(--ink)!important}
.pf .custom-control-label::before,.pf .custom-control-label::after{width:22px;height:22px;top:0;left:-32px}
.pf .custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:var(--red);border-color:var(--red)}
.pf .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 4px rgba(213,34,76,.2)}
.pf .border-card:not(:has(.custom-control-input:checked)) .pf-offline-body{display:none}
.pf .pf-offline-body{margin:14px 0 0!important}
.pf .payment-order-data{font-size:14px;margin-top:14px}
.pf .payment-order-data .input-group-sm{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);margin:0!important}
.pf .payment-order-data .input-group-text{height:auto;border:0;background:transparent;padding:0;font-size:13px;color:var(--mut);font-weight:600}
.pf .payment-order-data p{margin:0;text-align:right;font-weight:700;font-size:14px}
.pf .payment-order-data label{font-size:14px}

/* ===== Plaćanje karticom / rezultat ===== */
.pf .pf-amount{text-align:center;padding:22px 16px;margin:18px 0;background:var(--tint);border:1px solid var(--tint2);border-radius:18px}
.pf .pf-amount small{display:block;font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.pf .pf-amount b{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.pf .pf-amount span{display:block;font-size:13px;color:var(--mut);margin-top:4px}
.pf .pf-cancel{color:var(--mut);font-weight:700;font-size:14px;text-decoration:none}
.pf .pf-cancel:hover{color:var(--ink);text-decoration:underline}
.pf .pf-result{text-align:center;padding:6px 0 4px}
.pf .pf-result-ic{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font-size:28px}
.pf .pf-result-ic.ok{background:#E9F7EF;color:#1C8A4E}
.pf .pf-result-ic.no{background:#FDECEF;color:var(--red)}
.pf .close{position:absolute;right:18px;top:14px;width:36px;height:36px;border-radius:50%;background:#F6F4F7;display:grid;place-items:center;opacity:1;color:var(--mut);text-shadow:none;z-index:2}
.pf .close:hover{background:var(--tint2);color:var(--red)}
.pf .card{position:relative}
.pf .table{width:100%;font-size:14px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0}
.pf .table th{background:#FAFAFB;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:800;padding:12px 16px;border:0;border-bottom:1px solid var(--line)}
.pf .table td{padding:11px 16px;border:0;border-bottom:1px solid var(--line);vertical-align:top;word-break:break-word}
.pf .table tr:last-child td{border-bottom:0}
.pf .table td:first-child{color:var(--mut);font-weight:600}
.pf .table td:last-child{font-weight:700;text-align:right}
.pf .card .pt30{padding-top:18px!important}

/* ===== Owl (kad se otvara iz profila) ===== */
.pf .owl-theme .owl-dots .owl-dot span{background:#DDD9E0}
.pf .owl-theme .owl-dots .owl-dot.active span{background:var(--red)}
.pf .owl-nav button{color:var(--red)!important}

/* ===== Mobilni ===== */
@media(max-width:575px){
  .pf .form-footer .col-auto,.pf .form-footer [class*=col-]{flex:1 1 0;max-width:none}
  .pf .form-footer .btn,.pf .form-footer .pf-btn{width:100%;padding:0 14px}
  .pf-steps li{font-size:10.5px}
  .pf .pf-sum{flex-wrap:wrap}
}

.pf .req{color:var(--red)}
.pf .card .col-md-8{flex:0 0 100%;max-width:100%}
.pf .btn.facebook,.pf .btn.google{margin-bottom:12px}
.pf .widget-todo .todo-item.pf-all{grid-column:1/-1}
.pf .pf-bill{margin-top:4px}
.pf .pf-btn-ghost.customPrevBtn{color:var(--ink)!important}
.pf .pf-btn-primary.customNextBtn{color:#fff!important}
.pf .pf-btn,.pf .btn{white-space:nowrap}
.pf .icon-box .btn-label:focus{outline:0;box-shadow:none}
.pf .icon-box .btn-label.active,.pf .icon-box .btn-label:active,.pf .icon-box .btn-label:focus{box-shadow:none!important;outline:0}
.pf .pf-field{display:block}
.pf .pf-field>label{display:block;width:100%}
.pf .pf-hint{font-size:13px;color:var(--mut);line-height:1.5;margin:-2px 0 10px}
.pf label.d-block{margin-bottom:8px}

/* ===== Padajući meni (pf_select.js) ===== */
.pf select.pfs-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pf .pfs-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer;font-weight:600;background:#fff}
.pf .pfs-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf .pfs-btn.is-ph .pfs-val{color:#8B8692;font-weight:500}
.pf .pfs-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:#6F6A75;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.pf .pfs-btn[aria-expanded=true]{border-color:#D5224C}
.pf .pfs-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.pf #category_id+.pfs-btn,.pf .form-group:has(#category_id){margin-bottom:6px}
.pf #services_list{margin-top:16px}
.pfs-pop{position:absolute;z-index:2000;background:#fff;border-radius:20px;padding:8px;box-shadow:0 0 0 1px #ECEAEE,0 24px 60px rgba(29,27,34,.2);font-family:Manrope,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1D1B22;animation:pfsIn .16s ease-out}
.pfs-pop[hidden],.pfs-back[hidden]{display:none}
.pfs-title{display:none;font-weight:800;font-size:18px;padding:10px 12px 8px}
.pfs-q{width:100%;height:46px;margin:2px 0 6px;padding:0 14px;border:0;border-radius:14px;background:#FDF3F5;font:600 16px Manrope,sans-serif;color:#1D1B22}
.pfs-q:focus{outline:2px solid #D5224C}
.pfs-list{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto;outline:none}
.pfs-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:6px 14px;border-radius:12px;font-weight:600;font-size:15.5px;line-height:1.3;cursor:pointer}
.pfs-opt.act{background:#FDF3F5}
.pfs-opt[aria-selected=true]{color:#D5224C;font-weight:800}
.pfs-opt svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pfs-empty{padding:14px;color:#6F6A75}
@keyframes pfsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:639px){
  .pfs-back{position:fixed;inset:0;background:rgba(20,18,24,.45);z-index:1999}
  .pfs-pop{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;border-radius:26px 26px 0 0;padding:8px 12px calc(20px + env(safe-area-inset-bottom));animation:pfsSheet .22s ease-out}
  .pfs-title{display:block}
  .pfs-list{max-height:55vh}
}
@keyframes pfsSheet{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.pfs-pop{animation:none}}

/* ===== Profilna fotografija (krug) ===== */
.pf .pf-photo{margin-bottom:22px}
.pf .pf-avatar{position:relative;width:136px;height:136px;margin:4px auto 0}
.pf .pf-avatar-ph{position:absolute;inset:0;border-radius:50%;background:var(--tint);border:2px dashed #E8A9B8;display:grid;place-items:center;color:#D98BA0}
.pf .pf-avatar img#preview_photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:50%!important;border:4px solid #fff!important;padding:0!important;background:#fff;box-shadow:0 0 0 1px var(--line),0 8px 20px rgba(29,27,34,.12);z-index:2}
.pf .pf-avatar img#preview_photo[src=""],.pf .pf-avatar img#preview_photo:not([src]){display:none}
.pf .pf-avatar .file-input-wrapper{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;overflow:hidden;cursor:pointer;z-index:3}
.pf .pf-avatar .file-input-wrapper>span{display:none!important}
.pf .pf-avatar-badge{position:absolute;right:2px;bottom:2px;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;border:3px solid #fff;display:grid;place-items:center;z-index:4;pointer-events:none;box-shadow:0 4px 12px rgba(213,34,76,.35)}
.pf .pf-avatar:hover .pf-avatar-badge{background:var(--red-d)}
.pf .pf-avatar-cap{text-align:center;font-weight:700;font-size:14px;color:var(--red);margin:12px 0 0}
.pf .pf-avatar-rm{text-align:center;font-size:13px;margin-top:6px}
.pf .pf-avatar-rm label{display:inline;font-weight:600;color:var(--mut);margin:0 0 0 4px}
.pf .pf-avatar-rm input[type=checkbox]{accent-color:var(--red)}
.pf .pf-photo .progress{max-width:200px;margin:12px auto 0}

/* slika pored telefona */
.pf .pf-prow{margin-bottom:6px}
.pf .pf-prow .pf-phone-col{min-width:0}
.pf .pf-prow .pf-phone-col .form-group{margin-bottom:0}
.pf .pf-pcol{width:auto}
.pf .pf-prow .pf-avatar{width:104px;height:104px;margin:0 auto}
.pf .pf-prow .pf-avatar-badge{width:34px;height:34px;right:-2px;bottom:-2px}
.pf .pf-prow .pf-avatar-cap{font-size:12.5px;line-height:1.3;color:var(--ink);max-width:112px;margin:10px auto 0}
.pf .pf-prow .pf-avatar-rm{max-width:112px;margin-left:auto;margin-right:auto}
@media(min-width:576px){
  .pf .pf-prow{justify-content:center}
  .pf .pf-prow .pf-avatar{width:124px;height:124px}
  .pf .pf-pcol{padding-right:24px}
  .pf .pf-prow .pf-phone-col{flex:0 1 300px}
}
.pf .pf-avatar-rmcb{display:none}
.pf .pf-avatar-rmbtn{border:0;background:none;padding:4px 8px;font:700 12.5px Manrope,sans-serif;color:var(--mut);cursor:pointer;text-decoration:underline;text-underline-offset:3px;border-radius:8px}
.pf .pf-avatar-rmbtn:hover{color:var(--red)}
.pf .pf-head h4{margin-bottom:0}
.pf .pf-head+.pf-prow{margin-top:18px}

/* ===== Galerija radova (dropzone) ===== */
.pf .dropzone{min-height:0;padding:18px 16px;border:2px dashed #E8A9B8!important;border-radius:20px;background:var(--tint);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;transition:border-color .15s,background .15s}
.pf .dropzone:hover,.pf .dropzone.dz-drag-hover{border-color:var(--red)!important;background:var(--tint2)}
.pf .dropzone .dz-message{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink);font-size:15px;font-weight:700}
.pf .dropzone .dz-message strong{font-weight:700}
.pf .dz-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--red);box-shadow:0 4px 12px rgba(213,34,76,.18)}
.pf .dropzone.dz-started .dz-message{display:none}
.pf .dropzone .dz-preview{margin:0}
.pf .dropzone .dz-preview .dz-image{border-radius:14px}
.pf .dropzone .dz-preview .dz-remove{font-size:12px;font-weight:700;color:var(--mut);text-decoration:underline}
.pf .dropzone .dz-preview .dz-remove:hover{color:var(--red)}
.pf .pf-gal-label{margin-bottom:8px}
.pf .dropzone .dz-message{text-align:center}
.pf .dropzone .dz-message .dz-ic{margin:0 auto;align-self:center;left:auto;top:auto;position:static;width:48px}
/* klikabilna cela površina, uključujući ikonicu fotoaparata */
.pf .pf-avatar .file-input-wrapper{inset:-4px!important;width:calc(100% + 8px)!important;height:calc(100% + 8px)!important;border-radius:0!important}
.pf .pf-avatar-badge{cursor:pointer}

/* ===== Podaci za uplatu ===== */
.pf .pf-pay-data{display:block!important;margin:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.pf .pf-pay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pf .pf-pay-row:last-child{border-bottom:0}
.pf .pf-pay-row .pf-k{font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px}
.pf .pf-pay-row .pf-v{margin:0;font-size:15px;font-weight:700;line-height:1.35;color:var(--ink);word-break:break-word}
.pf .pf-pay-amount .pf-v{font-size:20px;font-weight:800}
.pf .pf-copy{flex:none;height:34px;padding:0 14px;border:1.5px solid var(--fld);border-radius:999px;background:#fff;font:700 12.5px Manrope,sans-serif;color:var(--ink);cursor:pointer;transition:all .15s}
.pf .pf-copy:hover{border-color:var(--red);color:var(--red)}
.pf .pf-copy.is-ok{background:var(--red);border-color:var(--red);color:#fff}
.pf .pf-offline-body .form-group{margin:0}
.pf .pf-offline-body>[class*=col-]{padding-left:0;padding-right:0}
.pf .pf-offline-body{padding-top:0!important}

/* ===== Uslovi plaćanja / preusmerenje ===== */
.pf .border-card{cursor:pointer}
.pf .pf-terms{margin:6px 0 2px}
.pf .pf-check{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;font-weight:500;line-height:1.5;color:var(--mut);cursor:pointer}
.pf .pf-check input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--red)}
.pf .pf-check a{color:var(--red);font-weight:700}
.pf .pf-terms-err{margin-top:8px;font-size:13px;font-weight:600;color:#A5162F}
.pf .pf-redirect{display:none}
.pf.pf-redirecting .pf-redirect{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:26px 8px 8px}
.pf.pf-redirecting .pf-amount{margin-bottom:6px}
.pf.pf-redirecting form#form-validation,.pf.pf-redirecting .pf-note{display:none}
.pf-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--tint2,#FCE3E9);border-top-color:#D5224C;animation:pfspin .8s linear infinite}
@keyframes pfspin{to{transform:rotate(360deg)}}

/* ===== Lični podaci (my_profile) ===== */
.pf .pf-sec{font:800 13px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:26px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
.pf .pf-prow-top{margin-top:18px}
.pf .pf-prow-top .pf-phone-col .form-group{margin-bottom:0}
.pf .pf-check-card{padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;margin-bottom:8px;color:var(--ink);background:#fff}
.pf .pf-check-card input{margin-top:2px}
.pf .pf-gal{margin-top:4px}
.pf .pf-gal-item{position:relative;margin-bottom:16px}
.pf .pf-gal-media{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#f4f2f6}
.pf .pf-gal-rm{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0;font-size:13px;font-weight:600;color:var(--mut);cursor:pointer}
.pf .pf-gal-rm input{width:18px;height:18px;accent-color:var(--red);margin:0}
.pf .pf-gal-rm:has(input:checked){color:var(--red)}
.pf .pf-gal-item:has(input:checked) .pf-gal-media{opacity:.35}
@media (max-width:575px){.pf .pf-prow-top .pf-phone-col{flex:0 0 100%;margin-top:14px}.pf .pf-prow-top{justify-content:center}}

/* razmaci – Lični podaci */
.pf .pf-prow-top .pf-phone-col{flex:1 1 0!important;max-width:none!important}
.pf .register-form .form-group{margin-bottom:18px}
.pf .pf-prow-top .pf-phone-col .row .form-group{margin-bottom:0}
.pf .pf-prow-top{margin-bottom:8px}
.pf .pf-sec{margin:28px 0 16px;padding-top:22px}
.pf .pf-check-card{margin:2px 0 0}
.pf .pf-gal{margin-bottom:6px}
.pf .pf-gal+label.d-block,.pf .row>.col-md-12>label.d-block{margin:0 0 10px;font-weight:700}
.pf .form-footer{margin-top:8px}
.pf .pf-gal-item{margin-bottom:12px}
@media (max-width:575px){.pf .pf-prow-top .pf-phone-col .row .col-sm-6+.col-sm-6{margin-top:18px}.pf .pf-prow-top .pf-phone-col .row .form-group{margin-bottom:0}}

/* ===== meni (Postavke), upozorenje, opasno dugme ===== */
.pf .pf-menu{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.pf .pf-mrow{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--line);border-radius:16px;background:#fff;color:var(--ink)!important;font-weight:700;font-size:16px;text-decoration:none!important;transition:border-color .15s,background .15s}
.pf .pf-mrow:hover{border-color:var(--red);background:var(--tint)}
.pf .pf-mi{flex:none;width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--red);display:grid;place-items:center}
.pf .pf-mt{flex:1;min-width:0}
.pf .pf-mc{flex:none;color:var(--mut);font-size:13px}
.pf .pf-mrow-danger .pf-mi{background:#FDECEF}
.pf .pf-mrow-danger{color:#A5162F!important}
.pf .pf-result-ic.pf-result-warn{background:#FFF3DD;color:#B26A00}
.pf .pf-result-lead{font-weight:700;color:var(--ink);margin:6px 0 0}
.pf .pf-note-box{background:var(--tint);border:1px solid var(--tint2);border-radius:16px;padding:16px 18px;margin:18px 0 6px;color:var(--mut);font-size:14.5px;line-height:1.6}
.pf .pf-note-box p{margin:0 0 10px}
.pf .pf-note-box a{color:var(--red);font-weight:700}
.pf .pf-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border:0;border-radius:999px;background:#C4162F;color:#fff!important;font:800 15px Manrope,sans-serif;cursor:pointer;text-decoration:none!important}
.pf .pf-btn-danger:hover{background:#9E1024}

/* ===== Moj profil (lista paketa) ===== */
.pf .pf-page-title{text-align:center;margin:0 0 6px}
.pf .pf-page-title h4{margin:0;font-weight:800}
.pf .pf-menu-2{max-width:640px;margin:18px auto 0}
.pf .pf-pkgs{max-width:640px;margin:34px auto 0}
.pf .pf-sec-first{border-top:0;padding-top:0;margin-top:0}
.pf .pf-feat-wrap{margin-bottom:14px}
.pf .pf-feat{border:1.5px solid var(--line)!important;border-radius:20px!important;background:#fff!important;padding:18px 16px!important;box-shadow:0 6px 24px rgba(29,27,34,.06)}
.pf .pf-feat-gold{background:#FFF9E6!important;border-color:#F2DFA0!important}
.pf .pf-feat .thumb-img{width:76px;height:76px;object-fit:cover}
.pf .pf-feat h5{font-weight:800}
.pf .pf-flag{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--tint);color:var(--red);font-weight:700;font-size:14px;margin:0 0 14px}
.pf .pf-flag-ok{background:#E9F7EF;color:#1C8A4E}
.pf .pf-pkg{border:1.5px solid var(--line);border-radius:18px;background:#fff;padding:16px 18px;margin-bottom:12px}
.pf .pf-pkg-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pf .pf-pkg-title{font-weight:800;font-size:17px;color:var(--ink)}
.pf .pf-st{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--tint);color:var(--red)}
.pf .pf-st-on{background:#E9F7EF;color:#1C8A4E}
.pf .pf-st-wait{background:#FFF3DD;color:#B26A00}
.pf .pf-st-end{background:#F1EFF3;color:var(--mut)}
.pf .pf-pkg-meta{margin:12px 0 0;display:grid;gap:6px}
.pf .pf-pkg-meta>div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.pf .pf-pkg-meta .pf-k{color:var(--mut)}
.pf .pf-pkg-meta .pf-v{font-weight:700;color:var(--ink);text-align:right}
.pf .pf-pkg-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.pf .pf-pkg-act form{display:none}
.pf .pf-act{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1.5px solid var(--fld);border-radius:999px;font-weight:700;font-size:14px;color:var(--ink)!important;text-decoration:none!important;background:#fff}
.pf .pf-act:hover{border-color:var(--red);color:var(--red)!important}
.pf .pf-act-del{color:#A5162F!important}
.pf .pf-cta{max-width:640px;margin:30px auto 0;text-align:center;padding:26px 20px;border-radius:20px;background:var(--tint);border:1px solid var(--tint2)}
.pf .pf-cta h5{font-weight:800;margin:0 0 6px}
.pf .pf-cta p{color:var(--mut);margin:0 0 16px}

/* ===== Moj profil – glavna stranica ===== */
.pf .pf-narrow{max-width:680px;margin:0 auto}
.pf .pf-hero{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:22px 20px;box-shadow:0 10px 30px rgba(29,27,34,.07)}
.pf .pf-hero-gold{background:linear-gradient(180deg,#FFFBEE,#fff 60%);border-color:#F2DFA0}
.pf .pf-hero-top{display:flex;align-items:center;gap:16px}
.pf .pf-hero-av{flex:none;width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 1px var(--line),0 8px 20px rgba(29,27,34,.12)}
.pf .pf-hero-info{min-width:0}
.pf .pf-hero-info h4{margin:0 0 4px;font-weight:800;font-size:22px;line-height:1.2;word-break:break-word}
.pf .pf-hero-online{margin:0;font-size:13.5px;color:var(--mut)}
.pf .pf-hero-rate{display:flex;align-items:center;gap:10px;margin-top:8px}
.pf .pf-hero-rv{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:var(--ink)}
.pf .pf-hero-rv svg{color:#F5B301}
.pf .pf-hero-desc{margin:16px 0 0;color:var(--mut);font-size:14.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pf .pf-hero .pf-flag{margin:16px 0 0}
.pf .pf-hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.pf .pf-act-lg{height:44px;gap:8px;padding:0 18px}
.pf .pf-act-lg svg{width:18px;height:18px}
.pf .pf-sec .pf-cnt{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--tint);color:var(--red);font-size:12px;letter-spacing:0;margin-left:6px}
.pf .pf-narrow .pf-sec{margin-top:30px}
.pf .pf-narrow .pf-sec-first{margin-top:28px;border-top:0;padding-top:0}
.pf .pf-pkg-top{flex-wrap:nowrap}
.pf .pf-pkg-ic{flex:none;width:38px;height:38px;border-radius:12px;background:var(--tint);color:var(--red);display:grid;place-items:center}
.pf .pf-pkg-ic.gold{background:#FFF3C4;color:#B88700}
.pf .pf-pkg-title{flex:1;min-width:0}
.pf .pf-st{white-space:nowrap}
.pf .pf-pkg-dim{opacity:.75}
.pf .pf-prog{margin-top:14px}
.pf .pf-prog-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.pf .pf-prog-bar span{display:block;height:100%;border-radius:999px;background:var(--red)}
.pf .pf-prog-txt{margin-top:6px;font-size:12.5px;color:var(--mut);font-weight:600}
.pf .pf-pkg-act form{display:none}
.pf .pf-narrow .pf-cta{max-width:none}
@media (max-width:480px){.pf .pf-hero-av{width:72px;height:72px}.pf .pf-hero-info h4{font-size:19px}.pf .pf-pkg-top{flex-wrap:wrap}.pf .pf-pkg-title{flex:1 1 60%}}

/* ===== Potražnje ===== */
.pf .pf-back{margin:0 0 14px}
.pf .pf-back a{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--mut)!important;text-decoration:none!important}
.pf .pf-back a:hover{color:var(--red)!important}
.pf .pf-req{height:100%;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 4px 18px rgba(29,27,34,.05)}
.pf .pf-req-detail{height:auto;padding:22px 20px}
.pf .pf-req-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.pf .pf-req-title{font-weight:800;font-size:18px;line-height:1.3;color:var(--ink)}
.pf .pf-req-badges{display:flex;gap:6px;flex:none}
.pf .pf-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#F1EFF3;color:var(--mut)}
.pf .pf-tag-new{background:var(--red);color:#fff}
.pf .pf-req-date{font-size:13px;color:var(--mut);margin:2px 0 0}
.pf .pf-req-count{display:inline-block;margin-top:10px;padding:5px 12px;border-radius:999px;background:var(--tint);color:var(--red);font-size:13px;font-weight:700;align-self:flex-start}
.pf .pf-user{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px;border-radius:14px;background:#FAF9FB}
.pf .pf-user-av{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover}
.pf .pf-user-name{font-weight:800;color:var(--ink);line-height:1.2}
.pf .pf-user-seen{font-size:12.5px;color:var(--mut);margin-top:2px}
.pf .pf-req-row{margin:0 0 12px;font-size:14.5px;line-height:1.5}
.pf .pf-req-row .pf-k{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
.pf .pf-req-row .pf-v{display:block;color:var(--ink)}
.pf .pf-req-desc{flex:1}
.pf .pf-req-photo{display:block;margin:4px 0 14px}
.pf .pf-req-photo img{width:100%;border-radius:16px;border:1px solid var(--line)}
.pf .pf-req-act{margin-top:6px}
.pf .pf-btn-block{display:flex;width:100%}
.pf .pf-flag-bad{background:#FDECEF;color:#A5162F}
.pf .pf-empty{max-width:520px;margin:10px auto;text-align:center;padding:32px 22px;border:1.5px dashed #E8A9B8;border-radius:22px;background:var(--tint)}
.pf .pf-empty-ic{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center}
.pf .pf-empty p{margin:0 0 8px;color:var(--ink);font-weight:600;line-height:1.55}
.pf .pf-empty .pf-empty-sub{color:var(--mut);font-weight:500;font-size:14.5px}
.pf .pf-empty a{color:var(--red);font-weight:700}

/* ===== Ponude / Poruke / Ocene ===== */
.pf .pf-stack{display:flex;flex-direction:column;gap:16px}
.pf .pf-bid{position:relative;height:auto}
.pf .pf-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--mut)!important;background:#F4F2F6;text-decoration:none!important;font-size:14px;opacity:1}
.pf .pf-x:hover{background:#FDECEF;color:var(--red)!important}
.pf .pf-bid .pf-req-top{padding-right:40px}
.pf .pf-bid-link{margin:8px 0 0}
.pf .pf-bid-link a{font-weight:700;font-size:14px;color:var(--red)!important;text-decoration:none!important}
.pf .pf-bid-box{margin:14px 0 4px;padding:14px 16px;border-radius:14px;background:var(--tint);border:1px solid var(--tint2)}
.pf .pf-bid-box .pf-req-row:last-child{margin-bottom:0}
.pf .pf-bid-price{font-weight:800;font-size:18px}
.pf .pf-bid-act{display:flex;gap:10px;flex-wrap:wrap}
.pf .pf-bid-act .pf-btn{height:44px}
.pf .pf-phone-pill{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:#E9F7EF;color:#1C8A4E;font-weight:800}
.pf .pf-modal-body{font-size:14.5px;line-height:1.6}
.pf .modal-content{border:0;border-radius:22px;box-shadow:0 24px 60px rgba(29,27,34,.25)}
.pf .modal-header{border:0;padding:20px 22px 6px}
.pf .modal-title{font-weight:800}
.pf .modal-footer{border:0;padding:6px 22px 22px;gap:10px}
.pf .modal-body{padding:10px 22px}
/* tabovi */
.pf .pf-tabs{display:flex;flex-wrap:nowrap;gap:8px;padding:6px;background:#F4F2F6;border-radius:999px;border:0!important;max-width:560px;margin-left:auto;margin-right:auto;overflow-x:auto}
.pf .pf-tabs .nav-item{flex:1 1 auto;margin:0}
.pf .pf-tabs .nav-link{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 16px;border:0!important;border-radius:999px!important;font-weight:700;font-size:14px;color:var(--mut)!important;background:transparent!important;white-space:nowrap;text-transform:none}
.pf .pf-tabs .nav-link.active{background:#fff!important;color:var(--red)!important;box-shadow:0 2px 8px rgba(29,27,34,.10)}
.pf .pf-tabs .nav-link .badge{position:static;background:var(--red);color:#fff;border-radius:999px;padding:3px 7px;font-size:11px}
.pf .admin-tab-content{border:0;padding:0;background:none;box-shadow:none}
/* poruke */
.pf .pf-msg-link{display:block;text-decoration:none!important;color:inherit}
.pf .pf-msg{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1.5px solid var(--line);border-radius:18px;background:#fff;transition:border-color .15s,box-shadow .15s}
.pf .pf-msg-link:hover .pf-msg{border-color:var(--red);box-shadow:0 6px 20px rgba(213,34,76,.08)}
.pf .pf-msg-av{position:relative;flex:none}
.pf .pf-msg-av img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.pf .pf-msg-av .online-status{position:absolute;right:0;bottom:0}
.pf .pf-msg-main{min-width:0;flex:1}
.pf .pf-msg-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.pf .pf-msg-name{font-weight:800;color:var(--ink)}
.pf .pf-msg-date{font-size:12.5px;color:var(--mut);white-space:nowrap}
.pf .pf-msg-body{margin:6px 0 0;color:var(--mut);font-size:14.5px;line-height:1.5}
/* ocene */
.pf .pf-rate-head{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--mut);margin-bottom:12px}
.pf .pf-rate-top{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.pf .pf-rate-big{font-size:44px;font-weight:800;line-height:1;color:var(--ink)}
.pf .pf-rate-cnt{font-size:13.5px;color:var(--mut);margin-top:2px}
.pf .pf-rate-bars{display:grid;gap:8px;margin-bottom:18px}
.pf .pf-rate-bar{display:grid;grid-template-columns:38px 1fr 40px;align-items:center;gap:10px;font-size:12.5px;color:var(--mut)}
.pf .pf-rate-bar .progress{height:7px;border-radius:999px;background:var(--line)}
.pf .pf-rate-bar .progress-bar{background:#F5B301!important}
.pf .pf-rate-p{text-align:right}
.pf .pf-rate-invite .pf-k{font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:8px}
.pf .pf-rate-invite .input-group{flex-wrap:nowrap;gap:8px}
.pf .pf-rate-invite .form-control{border-radius:14px!important;font-size:13px}
.pf .pf-copy-btn{height:50px;width:50px;padding:0}
.pf .pf-rate-item{height:auto;margin-bottom:16px}
.pf .pf-rate-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 10px}
.pf .pf-rate-text{margin:0 0 14px;color:var(--ink);line-height:1.6}
.pf .pf-rate-reply{border-top:1px solid var(--line);padding-top:14px}
.pf .pf-rate-reply .pf-k{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
@media (max-width:575px){.pf .pf-tabs .nav-link{padding:0 10px;font-size:13px}}

/* ===== Nova ponuda, finansije, razgovor ===== */
.pf .pf-bid-banner{height:120px;border-radius:22px 22px 0 0;background-size:cover;background-position:center;position:relative;overflow:hidden}
.pf .pf-bid-banner-in{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px 22px;background:linear-gradient(180deg,rgba(29,27,34,.05),rgba(29,27,34,.72))}
.pf .pf-bid-banner h4{margin:0;color:#fff;font-weight:800}
.pf .pf-fin-bar{display:flex;justify-content:flex-end;margin-bottom:16px}
.pf .pf-fin-bar .form-group{min-width:220px}
.pf .pf-fin-card{height:auto;text-align:center;margin:0 auto 24px}
.pf .pf-fin-big{font-size:34px;font-weight:800;color:var(--ink);margin:8px 0 2px}
.pf .pf-fin-credit{margin-top:10px;display:inline-block;padding:6px 14px;border-radius:999px;background:#E9F7EF;color:#1C8A4E;font-weight:700}
.pf .pf-table-wrap{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:12px;overflow-x:auto}
.pf table.table{margin:0;border:0!important}
.pf table.table thead th{border:0!important;border-bottom:1px solid var(--line)!important;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);font-weight:800;padding:12px 14px}
.pf table.table td{border:0!important;border-bottom:1px solid #F4F2F6!important;padding:14px;color:var(--ink);font-size:14.5px}
.pf table.table tfoot th{border:0!important;padding:14px;font-weight:800;color:var(--ink)}
.pf .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:999px!important}
.pf .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--red)!important;color:#fff!important;border:0!important}
.pf .pf-chat-title{font-weight:800;font-size:20px;margin:0 0 14px}
.pf .pf-narrow-lg{max-width:none}
.pf .pf-date-h{display:table;margin:14px auto;padding:4px 14px;border-radius:999px;background:#F4F2F6;color:var(--mut);font-size:12.5px;font-weight:700}
.pf .pf-bub-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:12px}
.pf .pf-bub-av{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover}
.pf .pf-bub{max-width:86%;padding:11px 14px;border-radius:18px 18px 18px 6px;background:#F4F2F6;color:var(--ink);line-height:1.5;word-break:break-word}
.pf .pf-bub-time{margin-top:4px;font-size:11.5px;color:var(--mut);text-align:right}

/* klik/fokus na primarno dugme ostaje crveno (bez Bootstrap plave) */
.pf .btn-primary:focus,.pf .btn-primary:active,.pf .btn-primary.active,.pf .btn-primary:not(:disabled):not(.disabled):active,.pf .btn-primary:not(:disabled):not(.disabled).active,.pf .pf-btn-primary:focus,.pf .pf-btn-primary:active{background:var(--red-d)!important;border-color:var(--red-d)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(213,34,76,.22)!important;outline:0}
.pf .btn-primary:disabled,.pf .btn-primary.disabled{background:var(--red)!important;border-color:var(--red)!important;opacity:.6}

/* ===== Stranica pojedinačne usluge (.sv) ===== */
.sv{--red:#D5224C;--red-d:#A8183B;--ink:#1D1B22;--mut:#6F6A75;--line:#E8E6EB;
  font-family:Manrope,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#FAFAFB;-webkit-font-smoothing:antialiased;display:block!important;height:auto!important}
.sv *{box-sizing:border-box}
.sv.account-wrap{padding-bottom:0!important}
.sv [hidden]{display:none!important}
.sv-hero{background:#fff;border-bottom:1px solid var(--line);padding:26px 0 24px}
.sv-hero-in{max-width:880px;margin:0 auto}
.sv .sv-title{font:800 clamp(26px,5vw,36px)/1.15 Manrope,sans-serif;letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;text-transform:none}
.sv .sv-sub{font:500 clamp(14.5px,2.4vw,16.5px)/1.5 Manrope,sans-serif;color:var(--mut);margin:0 0 18px;max-width:62ch;text-transform:none}
.sv-bar{display:flex;align-items:stretch;max-width:560px;background:#fff;border:1.5px solid #D9D5DD;border-radius:12px;padding:4px;gap:4px}
.sv-city{flex:1;min-width:0;display:flex;align-items:center;gap:8px;margin:0;padding:0 8px 0 12px;cursor:pointer}
.sv-city-ic{color:var(--red);font-size:15px}
.sv-city .search-city{flex:1;min-width:0;padding:0!important;text-align:left}
.sv-city .form-group,.sv-city .input{margin:0!important}
.sv-city select{border:0!important;box-shadow:none!important;background:transparent!important;font-weight:700;height:44px}
.sv-city .select2-container{width:100%!important}
.sv-city .select2-container--bootstrap .select2-selection{border:0!important;box-shadow:none!important;background:transparent;height:44px}
.sv-city .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:0;font-weight:700;color:var(--ink)}
.sv-city .select2-container--bootstrap .select2-selection--single .select2-selection__arrow{height:44px}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:10px;font:700 14.5px/1 Manrope,sans-serif;border:1.5px solid transparent;text-decoration:none!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-transform:none;letter-spacing:0;position:relative;z-index:2;white-space:nowrap}
.sv a.sv-btn-primary,.sv a.sv-btn-primary:hover,.sv a.sv-btn-primary:focus,.sv a.sv-btn-primary:active{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;box-shadow:none}
.sv a.sv-btn-primary:hover{background:var(--red-d)!important;border-color:var(--red-d)!important}
.sv a.sv-btn-ghost,.sv a.sv-btn-ghost:focus,.sv a.sv-btn-ghost:active{background:#fff;border-color:#D9D5DD;color:var(--ink)!important;height:40px;padding:0 14px;font-size:13.5px}
.sv a.sv-btn-ghost:hover{border-color:var(--red);color:var(--red)!important}
.sv a.sv-btn-ghost i{color:var(--red);font-size:14px;margin:0;vertical-align:baseline}
.sv-main{padding-top:18px;padding-bottom:6px;max-width:940px}
.sv-toolbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:4px 0 14px}
.sv-count{font-size:14px;color:var(--mut)}
.sv-count strong{color:var(--ink);font-weight:800}
.sv-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sv-chips{display:flex;gap:8px;flex-wrap:wrap}
.sv-fchip{height:36px;padding:0 14px;border-radius:8px;border:1.5px solid #D9D5DD;background:#fff;color:var(--ink);font:600 13.5px/1 Manrope,sans-serif;cursor:pointer}
.sv-fchip:hover{border-color:#B9B4C0}
.sv-fchip.on{border-color:var(--red);background:#FDF3F5;color:var(--red-d)}
.sv-sort{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--mut)}
.sv-sort select{height:36px;border:1.5px solid #D9D5DD;border-radius:8px;background:#fff;padding:0 28px 0 10px;font:600 13.5px Manrope,sans-serif;color:var(--ink);width:auto}
.sv-list{display:flex;flex-direction:column;gap:12px}
.sv .sv-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 190px;gap:6px 20px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:0!important;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.sv .sv-card:hover{border-color:#CFCAD6;box-shadow:0 4px 14px rgba(29,27,34,.06)}
.sv .sv-card.sv-gold{border-color:#E9CF86;background:#FFFDF6}
.sv .sv-card .link-spanner{position:absolute;inset:0;z-index:1;border-radius:14px}
.sv-ava{width:72px;height:72px}
.sv-ava img.thumb-img{margin:0!important;max-width:none;width:72px;height:72px;object-fit:cover;border-radius:12px;display:block;background:#F1EFF3}
.sv-body{min-width:0}
.sv-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.sv .sv-name{font:800 18px/1.25 Manrope,sans-serif;color:var(--ink);margin:0;text-transform:none}
.sv-badge{font-size:11.5px;font-weight:700;color:#6F6A75;background:#F3F1F5;border-radius:6px;padding:3px 8px}
.sv-badge-gold{color:#8A6508;background:#FBEFC8}
.sv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:6px;font-size:13px;color:var(--mut)}
.sv-rate{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.sv-rate .br-wrapper{display:inline-block;margin:0}
.sv-rate .br-theme-fontawesome-stars-o .br-widget{height:auto;display:inline-block;line-height:1}
.sv-rate b{font-weight:800}
.sv-rate-c{color:var(--mut)}
.sv-status{display:inline-flex;align-items:center;gap:6px}
.sv-status .online-status{display:inline-block;width:8px;height:8px;border-radius:50%}
.sv-st-on{color:#2F8F4E;font-weight:600}
.sv-desc{margin-top:10px}
.sv .sv-desc p.lead{font-size:14.5px;line-height:1.55;color:#3E3B45;margin:0}
.sv .sv-desc p.collapse[aria-expanded="false"]{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:none!important;height:auto!important}
.sv a.sv-more{position:relative;z-index:2;display:inline-block;margin-top:4px;font-size:13px;font-weight:700;color:var(--red);text-decoration:none}
.sv-acts{display:flex;flex-direction:column;gap:8px;align-self:center}
.sv-acts .sv-btn-primary{width:100%}
.sv-sec{display:flex;flex-direction:column;gap:8px}
.sv-sec .sv-chipwrap{display:block;padding:0!important;position:relative;z-index:2}
.sv-sec .sv-btn{width:100%}
.sv .sv-phone{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border:1.5px solid var(--line);border-radius:10px;font-weight:700;font-size:13.5px;color:var(--ink);background:#FAFAFB;position:relative;z-index:2}
.sv .sv-phone>i{color:var(--red)!important;font-size:14px;margin:0;vertical-align:baseline}
.sv-empty{text-align:center;background:#fff;border:1px dashed #D9D5DD;border-radius:14px;padding:30px 20px;margin-top:12px;color:var(--mut)}
.sv-empty p{margin:0 0 14px}
.sv-pager{margin:22px 0 8px}
.sv-pager .pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0;padding:0;list-style:none}
.sv-pager .pagination li{margin:0}
.sv-pager .pagination li a,.sv-pager .pagination li span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;border:1.5px solid #D9D5DD;background:#fff;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}
.sv-pager .pagination li.active a,.sv-pager .pagination li.active span{background:var(--red);border-color:var(--red);color:#fff}
.sv-pager .pagination li a:hover{border-color:var(--red);color:var(--red)}
.sv-pager .pagination li.disabled a,.sv-pager .pagination li.disabled span{opacity:.45}
.sv-about{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:22px}
.sv .sv-about-h{font:800 21px/1.2 Manrope,sans-serif;margin:0 0 12px;text-transform:none}
.sv .landing_page_text{font-size:15px;line-height:1.65;color:#3E3B45}
.sv .landing_page_text h2,.sv .landing_page_text h3,.sv .landing_page_text h4{font-family:Manrope,sans-serif;font-weight:800;color:var(--ink);margin:18px 0 8px}
.sv .landing_page_text div.collapse[aria-expanded="false"]{max-height:7.5em!important}
.sv .landing_page_text a.lpt{display:inline-block;margin-top:10px;font-weight:700;color:var(--red);text-decoration:none}
.sv .landing_page_text iframe{max-width:100%;border-radius:10px}
.sv .landing_page_text img{border-radius:10px}
.sv-how{margin-top:34px;padding-top:34px;background:#fff;border-top:1px solid var(--line)}
.sv-how .title-heading1 h3{font:800 clamp(21px,4vw,26px)/1.2 Manrope,sans-serif;text-align:center;color:var(--ink)}
.sv-how .icon-box{border:1px solid var(--line)!important;border-radius:14px;box-shadow:none;background:#fff}
.sv-how .icon-hover-1{background:var(--red)!important;color:#fff}
.sv-how h4{font-weight:800}
@media(max-width:820px){
  .sv .sv-card{grid-template-columns:60px minmax(0,1fr);padding:16px;gap:12px 14px}
  .sv-ava,.sv-ava img.thumb-img{width:60px;height:60px}
  .sv-acts{grid-column:1 / -1;align-self:stretch}
  .sv-acts .sv-btn-primary{height:48px}
  .sv-sec{flex-direction:row}
  .sv-sec>*{flex:1}
}
@media(max-width:600px){
  .sv-hero{padding:18px 0 16px}
  .sv-bar{flex-direction:column;padding:0;border:0;gap:10px;background:transparent;max-width:none}
  .sv-city{background:#fff;border:1.5px solid #D9D5DD;border-radius:12px;padding:0 10px 0 14px;min-height:48px}
  .sv-bar .sv-btn{height:48px;width:100%}
  .sv-toolbar{flex-direction:column;align-items:stretch}
  .sv-tools{justify-content:space-between}
  .sv-chips{overflow-x:auto;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;scrollbar-width:none}
  .sv-fchip{white-space:nowrap;flex:0 0 auto}
  .sv .sv-name{font-size:16.5px}
  .sv-about{padding:18px 16px}
}
.sv .sv-card-link{position:absolute;inset:0;z-index:1;display:block;border-radius:14px}
.sv .msg-on-site-custom>a:after{content:none!important}
.sv .msg-on-site-custom>a>i{margin:0!important;font-size:14px!important;color:var(--red)!important;vertical-align:baseline!important}

/* ===== .sv — finalna dorada (hijerarhija, ritam) ===== */
.sv-crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);margin:0 0 10px}
.sv-crumb a{color:var(--mut);text-decoration:none}
.sv-crumb a:hover{color:var(--red)}
.sv-crumb span:nth-child(2){opacity:.5}
.sv .sv-title{font-size:clamp(28px,5.2vw,40px);letter-spacing:-.025em;margin-bottom:8px}
.sv .sv-sub{font-size:clamp(15px,2.4vw,17px);margin-bottom:20px}
.sv-hero{padding:22px 0 26px}
.sv-bar{max-width:540px;border-color:#CFCAD6;box-shadow:0 1px 2px rgba(29,27,34,.04)}
.sv-main{max-width:900px;padding-top:22px}
.sv-toolbar{padding-bottom:16px}
.sv-count{font-size:15px}
.sv-count strong{font-size:15px}
.sv-list{gap:14px}
.sv .sv-card{grid-template-columns:64px minmax(0,1fr) 184px;gap:4px 22px;padding:22px 22px 22px 20px;border-radius:12px;border-color:#E4E1E8}
.sv .sv-card:hover{border-color:#CFCAD6;box-shadow:0 2px 10px rgba(29,27,34,.05)}
.sv .sv-card.sv-gold{background:#fff;border-color:#E4E1E8;box-shadow:inset 3px 0 0 #E8B93A}
.sv-ava,.sv-ava img.thumb-img{width:64px;height:64px}
.sv-ava img.thumb-img{border-radius:12px}
.sv-ini{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:800 20px/1 Manrope,sans-serif;letter-spacing:.02em}
.sv-ini-0{background:#FCE9ED;color:#A8183B}.sv-ini-1{background:#EAF0FB;color:#2D4E8F}.sv-ini-2{background:#E7F4EC;color:#25744A}
.sv-ini-3{background:#FBF1DC;color:#8A6508}.sv-ini-4{background:#EFEAF8;color:#5A3E99}
.sv .sv-name{font-size:17px;font-weight:800}
.sv-badge{font-size:11px;letter-spacing:.02em;text-transform:uppercase;font-weight:800;padding:3px 7px;border-radius:5px}
.sv-meta{margin-top:5px;gap:3px 12px;font-size:13px}
.sv-rate{gap:4px}
.sv-star{display:block;margin-top:-1px}
.sv-rate b{font-size:13.5px}
.sv-rate-c{font-size:13px}
.sv-since{position:relative;padding-left:12px}
.sv-since:before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:#B9B4C0;transform:translateY(-50%)}
.sv-desc{margin-top:12px}
.sv .sv-desc p.lead{font-size:14.5px;line-height:1.6;color:#4A4651}
.sv-acts{gap:8px;align-self:start;padding-top:2px}
.sv-acts .sv-btn-primary{height:44px}
.sv-sec{flex-direction:row;gap:8px}
.sv-sec>*{flex:1;min-width:0}
.sv-sec .sv-chipwrap{display:block}
.sv a.sv-btn-ghost{height:40px;padding:0 10px;font-size:13px;border-color:#E0DCE4}
.sv .sv-phone{height:40px;font-size:13px;padding:0 8px}
.sv-acts:has(.msg-on-site-custom)  .sv-sec{flex-direction:column}
@media(max-width:820px){
  .sv .sv-card{grid-template-columns:52px minmax(0,1fr);padding:16px;gap:10px 14px}
  .sv-ava,.sv-ava img.thumb-img,.sv-ini{width:52px;height:52px}
  .sv-ini{font-size:17px}
  .sv-acts{padding-top:6px}
  .sv-acts:has(.msg-on-site-custom) .sv-sec{flex-direction:row}
}
@media(max-width:600px){
  .sv-hero{padding:16px 0 18px}
  .sv-crumb{margin-bottom:8px}
  .sv .sv-name{font-size:16px}
}
.sv .sv-phone{min-height:40px;box-sizing:border-box}
@media(max-width:600px){.sv-since{padding-left:0}.sv-since:before{display:none}}

/* ===== .sv v3: naslovna estetika, neutralni CTA, pehar ===== */
.sv select,.sv button,.sv input{font-family:inherit}
.sv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sv-hero{background:linear-gradient(180deg,#FDF3F5 0,#fff 100%);border-bottom:0;padding:26px 0 18px}
.sv-hero-in{max-width:760px;text-align:center}
.sv-crumb{justify-content:center}
.sv .sv-title{font-size:clamp(32px,6.2vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1.06;margin:0 0 12px}
.sv .sv-sub{font-size:15px;font-weight:500;line-height:1.55;color:#7A7580;margin:0 auto 22px;max-width:52ch}
.sv-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:none;padding:0;border:0;background:transparent;box-shadow:none}
.sv-loc{display:flex;align-items:center;gap:8px;height:52px;padding:0 10px 0 20px;background:#fff;border-radius:999px;box-shadow:0 0 0 1.5px var(--line),0 10px 30px rgba(29,27,34,.07);min-width:230px;transition:box-shadow .2s}
.sv-loc:focus-within{box-shadow:0 0 0 2px var(--ink),0 10px 30px rgba(29,27,34,.10)}
.sv-loc-ic{color:var(--mut);font-size:15px}
.sv-loc .input,.sv-loc .form-group{margin:0;flex:1}
.sv-loc select{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;font-weight:700;font-size:15.5px;color:var(--ink);height:48px;padding:0 4px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:none}
.sv-loc:after{content:"";width:7px;height:7px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg) translateY(-2px);margin:0 8px 0 2px;flex:none}
/* neutralan glavni CTA */
.sv a.sv-btn-primary,.sv a.sv-btn-primary:focus,.sv a.sv-btn-primary:active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.sv a.sv-btn-primary:hover{background:#3A3641!important;border-color:#3A3641!important;color:#fff!important;box-shadow:none}
.sv-bar .sv-btn{height:52px;padding:0 28px;border-radius:999px}
.sv-main{padding-top:14px}
.sv-fchip.on{border-color:var(--ink);background:var(--ink);color:#fff}
/* kartice */
.sv-list{gap:14px}
.sv .sv-card{border:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #ECEAEE,0 6px 22px rgba(29,27,34,.04);padding:22px;transition:box-shadow .2s,transform .2s}
.sv .sv-card:hover{border:0;box-shadow:0 0 0 1px #DDD9E0,0 14px 34px rgba(29,27,34,.09);transform:translateY(-2px)}
.sv .sv-card.sv-gold{background:#FFF9E5;box-shadow:0 0 0 1.5px #F0D77A,0 6px 22px rgba(224,161,0,.10)}
.sv .sv-card.sv-gold:hover{box-shadow:0 0 0 1.5px #E8C94F,0 14px 34px rgba(224,161,0,.18)}
.sv .sv-card .link-spanner,.sv .sv-card-link{border-radius:18px}
.sv-ava{position:relative}
.sv-ava img.thumb-img,.sv-ini{border-radius:50%}
.sv-ava img.thumb-img{box-shadow:0 0 0 3px #fff,0 0 0 4px #ECEAEE}
.sv-trophy{position:absolute;right:-5px;bottom:-3px;z-index:2;width:26px;height:26px;border-radius:50%;background:#F5B71A;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(224,161,0,.4)}
.sv .sv-name{font-size:18px;letter-spacing:-.01em}
.sv a.sv-btn-ghost{border-radius:999px;height:40px;background:#fff;border-color:#DDD9E0}
.sv a.sv-btn-ghost:hover{border-color:var(--ink);color:var(--ink)!important}
.sv a.sv-btn-ghost i{color:var(--ink)}
.sv .msg-on-site-custom>a>i{color:var(--ink)!important}
.sv .sv-phone{border-radius:999px}
.sv .sv-phone>i{color:var(--ink)!important}
.sv-acts .sv-btn-primary{border-radius:999px}
.sv a.sv-more{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.sv .sv-sec .sv-btn{border-radius:999px}
.sv-pager .pagination li.active a,.sv-pager .pagination li.active span{background:var(--ink);border-color:var(--ink)}
.sv-pager .pagination li a{border-radius:999px}
.sv-pager .pagination li a:hover{border-color:var(--ink);color:var(--ink)}
@media(max-width:600px){
  .sv-bar{flex-direction:column;align-items:stretch}
  .sv-loc{min-width:0;width:100%}
  .sv-bar .sv-btn{width:100%}
  .sv .sv-title{font-size:clamp(30px,9vw,38px)}
}
.sv h1.sv-title{font-size:clamp(32px,6.2vw,52px)!important;line-height:1.06!important;letter-spacing:-.04em!important;font-weight:800!important;margin:0 0 12px!important}
.sv h2.sv-sub{font-size:15px!important;line-height:1.55!important;font-weight:500!important;color:#7A7580!important;margin:0 auto 22px!important}
@media(max-width:600px){.sv h1.sv-title{font-size:clamp(32px,9.5vw,40px)!important}}

/* ===== .sv v4: manje prostora, neutralni CTA, filteri kao na naslovnoj ===== */
.sv.account-wrap,.sv.lp-pt60{padding-top:0!important;margin-top:0!important}
.sv-hero{padding:22px 0 8px}
.sv-hero-in{margin:0!important;padding:0!important}
.sv-crumb{margin-bottom:6px}
.sv h2.sv-sub{max-width:60ch;margin:0 auto 18px!important;font-size:14.5px!important;color:#7A7580!important}
.sv h2.sv-sub *{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;margin:0!important;font-family:inherit!important;line-height:inherit!important}
.sv h2.sv-sub b,.sv h2.sv-sub strong{font-weight:700!important;color:#5E5965!important}
/* neutralan CTA (ne crn, ne pun red) */
.sv a.sv-btn-primary,.sv a.sv-btn-primary:focus,.sv a.sv-btn-primary:active{background:#F0EEF3!important;border-color:#F0EEF3!important;color:var(--ink)!important}
.sv a.sv-btn-primary:hover{background:#E6E3EB!important;border-color:#E6E3EB!important;color:var(--ink)!important}
.sv-bar{align-items:center}
.sv-bar .sv-btn{height:52px;padding:0 26px;width:auto;box-shadow:0 0 0 1.5px #E4E1E8 inset}
/* filteri kao na naslovnoj */
.sv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;padding:6px 0 16px}
.sv-tools{display:contents}
.sv-chips{order:0;flex:0 0 100%;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;overflow:visible}
.sv-fchip{min-height:44px;height:auto;padding:0 18px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px #ECEAEE;font:600 15px/1 Manrope,sans-serif;color:var(--ink);transition:box-shadow .15s,background .15s}
.sv-fchip:hover{box-shadow:0 0 0 1.5px var(--red);color:var(--red)}
.sv-fchip.on{background:#FDF3F5;box-shadow:0 0 0 1.5px var(--red);color:var(--red-d)}
.sv-count{order:1}
.sv-sort{order:2;margin-left:auto}
.sv-sort select{border-radius:999px;border:0;box-shadow:0 0 0 1.5px #ECEAEE;padding:0 30px 0 14px;height:40px}
/* kartice: akcije ispod opisa, uz levu ivicu teksta, širina po sadržaju */
.sv .sv-card{grid-template-columns:64px minmax(0,1fr);gap:4px 20px}
.sv-acts{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;align-self:start;padding-top:10px}
.sv-acts .sv-btn-primary{width:auto;height:42px;padding:0 22px}
.sv-sec{display:contents}
.sv-sec>*{flex:0 0 auto}
.sv-sec .sv-btn{width:auto}
.sv-sec .sv-chipwrap{display:inline-block}
.sv a.sv-btn-ghost,.sv .sv-phone{height:42px;padding:0 16px;font-size:13.5px}
.sv-acts:has(.msg-on-site-custom) .sv-sec{display:contents}
@media(max-width:820px){
  .sv .sv-card{grid-template-columns:52px minmax(0,1fr)}
  .sv-acts{grid-column:1 / -1;padding-top:6px}
  .sv-acts:has(.msg-on-site-custom) .sv-sec{display:contents}
  .sv-sec>*{flex:0 0 auto}
}
@media(max-width:600px){
  .sv-bar{flex-direction:column;align-items:center}
  .sv-loc{width:100%;max-width:380px}
  .sv-bar .sv-btn{width:auto}
  .sv-count{flex:1}
}
.sv-hero-in{margin:0 auto!important}
@media(max-width:600px){
  .sv-count{flex:1 1 auto;order:1;text-align:left}
  .sv-sort{order:2;margin-left:auto;flex:0 0 auto}
  .sv-sort>span{display:none}
  .sv-sort select{min-width:0;max-width:190px}
}

/* Izbor grada */
.sv .loc{position:relative}
.sv .loc select.is-enh{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.sv .city-btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;border:0;border-radius:999px;background:transparent;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer;max-width:150px;transition:background .15s}
.sv .city-btn:active{background:var(--tint)}
.sv .city-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv .city-btn .ch{width:16px;height:16px;flex:none;fill:none;stroke:var(--mut);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.sv .city-btn[aria-expanded=true] .ch{transform:rotate(180deg)}
.sv .city-pop{position:absolute;right:-8px;top:calc(100% + 16px);width:260px;background:#fff;border-radius:22px;padding:8px;box-shadow:0 0 0 1px var(--line),0 24px 60px rgba(29,27,34,.2);z-index:70;animation:cityIn .16s ease-out}
.sv .city-pop[hidden],.sv .city-back[hidden]{display:none}
.sv .city-title{display:none;font-weight:800;font-size:18px;padding:10px 12px 8px}
.sv .city-q{width:100%;min-height:44px;margin:2px 0 6px;padding:0 14px;border:0;border-radius:14px;background:var(--tint);font-size:16px;font-weight:600}
.sv .city-q:focus{outline:2px solid var(--red)}
.sv .city-list{list-style:none;max-height:300px;overflow:auto;outline:none}
.sv .city-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer}
.sv .city-opt.act{background:var(--tint)}
.sv .city-opt[aria-selected=true]{color:var(--red);font-weight:800}
.sv .city-opt svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sv .city-empty{padding:14px;color:var(--mut)}
@keyframes cityIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:639px){
  .sv .city-back{position:fixed;inset:0;background:rgba(20,18,24,.45);z-index:1040}
  .sv .city-pop{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;border-radius:26px 26px 0 0;padding:8px 12px calc(20px + env(safe-area-inset-bottom));z-index:1050;animation:citySheet .22s ease-out}
  .sv .city-title{display:block}
  .sv .city-list{max-height:55vh}
  .sv .city-btn{font-size:14px;max-width:96px;padding:0 4px}
}
@keyframes citySheet{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.sv .city-pop{animation:none}}

.sv{--tint:#FDF3F5;--tint2:#FCE3E9}
/* v5 */
.sv h1.sv-title{font-size:clamp(26px,4.4vw,34px)!important;letter-spacing:-.035em!important;margin:0 0 10px!important}
@media(max-width:600px){.sv h1.sv-title{font-size:clamp(26px,7.6vw,32px)!important}}
.sv .sv-lead{max-width:62ch;margin:0 auto 18px;font-size:15px;line-height:1.65;font-weight:400;color:#5E5965;text-align:center}
.sv .sv-lead *{font-size:inherit!important;line-height:inherit!important;font-family:inherit!important;color:inherit!important;margin:0!important;font-weight:inherit}
.sv .sv-lead b,.sv .sv-lead strong{font-weight:700;color:var(--ink)!important}
/* izbor grada (komponenta sa naslovne) */
.sv-loc{position:relative;min-width:230px;padding:0 10px 0 20px}
.sv-loc:after{display:none!important}
.sv .sv-loc .city-btn{flex:1;max-width:none;justify-content:space-between;font-size:15.5px;min-height:48px;padding:0 4px}
.sv .sv-loc .city-pop{left:0;right:auto;width:280px;text-align:left}
.sv .loc select.is-enh{position:absolute}
@media(max-width:639px){.sv .sv-loc .city-pop{width:auto;left:0;right:0}.sv .city-btn{max-width:none;font-size:15px}}
/* pehar */
.sv-trophy{width:30px;height:30px;background:#fff;color:inherit;border:0;box-shadow:0 0 0 1.5px #F0D77A,0 2px 8px rgba(224,161,0,.3);right:-6px;bottom:-4px}
.sv-trophy svg{display:block}
/* Pozovi — glavna boja */
.sv a.sv-btn-call,.sv .sv-btn-call{background:var(--red)!important;border:1.5px solid var(--red)!important;color:#fff!important;height:42px;padding:0 18px;font-size:13.5px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;box-shadow:none}
.sv a.sv-btn-call:hover{background:var(--red-d)!important;border-color:var(--red-d)!important;color:#fff!important}
.sv a.sv-btn-call i,.sv .sv-btn-call>i{color:#fff!important;margin:0;font-size:14px}
.sv .sv-phone.sv-btn-call{width:auto}
/* paginacija — jednostavna */
.sv-pager .pagination{gap:2px}
.sv-pager .pagination li a,.sv-pager .pagination li span{min-width:38px;height:38px;border:0!important;background:transparent!important;border-radius:10px!important;color:var(--mut);font-weight:600;font-size:14.5px}
.sv-pager .pagination li a:hover{background:#F0EEF3!important;color:var(--ink)}
.sv-pager .pagination li.active a,.sv-pager .pagination li.active span{background:#F0EEF3!important;color:var(--ink)!important;font-weight:800}
.sv-pager .pagination li.disabled a,.sv-pager .pagination li.disabled span{opacity:.35}
/* Više o usluzi */
.sv-about{background:#fff;border:0;box-shadow:0 0 0 1px #ECEAEE;border-radius:18px;padding:30px 28px;margin-top:26px}
.sv .sv-about-h{font:800 20px/1.25 Manrope,sans-serif;letter-spacing:-.015em;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid #ECEAEE}
.sv .landing_page_text{position:relative;max-width:72ch;font-size:15px;line-height:1.75;color:#4A4651}
.sv .landing_page_text p{margin:0 0 14px}
.sv .landing_page_text h2,.sv .landing_page_text h3,.sv .landing_page_text h4{font:800 17px/1.35 Manrope,sans-serif;color:var(--ink);letter-spacing:-.01em;margin:22px 0 8px;text-transform:none}
.sv .landing_page_text ul,.sv .landing_page_text ol{margin:0 0 14px;padding-left:20px}
.sv .landing_page_text li{margin-bottom:6px}
.sv .landing_page_text a:not(.lpt){color:var(--red);text-decoration:underline;text-underline-offset:2px}
.sv .landing_page_text div.collapse[aria-expanded="false"]{position:relative;max-height:11.5em!important;overflow:hidden}
.sv .landing_page_text div.collapse[aria-expanded="false"]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.sv .landing_page_text a.lpt{display:inline-flex;align-items:center;height:40px;padding:0 18px;margin-top:14px;border-radius:999px;box-shadow:0 0 0 1.5px #DDD9E0;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}
.sv .landing_page_text a.lpt:hover{box-shadow:0 0 0 1.5px var(--ink)}
.sv .landing_page_text img{border-radius:12px;max-width:100%;height:auto}
.sv .landing_page_text iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:12px}
@media(max-width:600px){.sv-about{padding:22px 18px}}
.sv.pb60{padding-bottom:36px!important}
.sv .city-list{padding:0!important;margin:0!important}
.sv .city-list li{list-style:none;margin:0}
.sv-pager .pagination li,.sv-pager .pagination li.disabled{background:transparent!important;border:0!important;box-shadow:none!important}

/* ===== .sv v6: sortiranje i filteri kao izbor grada ===== */
.sv-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 16px}
.sv-tools{display:flex!important;gap:8px;align-items:center}
.sv-count{order:0}
.sv-dd{position:relative}
.sv-ddbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 18px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px #ECEAEE;font:600 14.5px/1 Manrope,sans-serif;color:var(--ink);cursor:pointer;transition:box-shadow .15s;white-space:nowrap}
.sv-ddbtn:hover,.sv-ddbtn[aria-expanded=true]{box-shadow:0 0 0 1.5px var(--ink)}
.sv-ddl{color:var(--mut);font-weight:600}
.sv-ddv{font-weight:800}
.sv-ddn{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;font-weight:800}
.sv-ddbtn .ch{width:16px;height:16px;flex:none;fill:none;stroke:var(--mut);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.sv-ddbtn[aria-expanded=true] .ch{transform:rotate(180deg)}
.sv .sv-dd .city-pop{left:auto;right:0;top:calc(100% + 10px);width:250px;text-align:left}
.sv .sv-dd .city-opt svg{visibility:hidden}
.sv .sv-dd .city-opt[aria-selected=true] svg{visibility:visible}
.sv .sv-dd .city-opt:focus-visible,.sv .sv-dd .city-opt:hover{background:var(--tint);outline:none}
.sv-clear{display:block;width:100%;margin-top:4px;min-height:42px;border:0;border-radius:12px;background:transparent;font:700 14px/1 Manrope,sans-serif;color:var(--red);cursor:pointer}
.sv-clear:hover{background:var(--tint)}
.sv-clear[hidden]{display:none}
@media(max-width:639px){
  .sv-toolbar{flex-wrap:nowrap;gap:8px}
  .sv-count{flex:1 1 auto;min-width:0;font-size:14px}
  #sv_dd_sort .sv-ddl{display:none}
  .sv-ddbtn{padding:0 12px 0 14px;font-size:14px}
  .sv .sv-dd .city-pop{left:0;right:0;width:auto}
}

/* ===== .sv v7: vrh usklađen sa naslovnom ===== */
.sv{background:#fff}
.sv-hero{background:linear-gradient(180deg,#FDF3F5 0,#fff 100%);padding:32px 0 26px;border:0}
.sv-hero-in{max-width:760px}
.sv h1.sv-title{font-size:clamp(26px,4.6vw,40px)!important;letter-spacing:-.04em!important;line-height:1.1!important;margin:0 0 12px!important}
.sv .sv-crumb{margin-bottom:10px}
.sv .sv-lead{max-width:54ch;margin:0 auto 20px;font-size:15px;line-height:1.6;color:#6F6A75}
.sv .sv-lead b,.sv .sv-lead strong{font-weight:700;color:#4A4651!important}
/* pretraga: jedna pilula kao na naslovnoj */
.sv .sv-bar{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;width:100%;max-width:560px;margin:0 auto;padding:6px 6px 6px 20px;background:#fff;border:0;border-radius:999px;box-shadow:0 0 0 1.5px #ECEAEE,0 12px 36px rgba(29,27,34,.08);transition:box-shadow .2s}
.sv .sv-bar:focus-within{box-shadow:0 0 0 2px var(--red),0 14px 40px rgba(213,34,76,.16)}
.sv .sv-bar .sv-loc{flex:1 1 auto;min-width:0;width:auto;max-width:none;height:auto;padding:0;background:transparent;box-shadow:none;border-radius:0;gap:8px}
.sv .sv-bar .sv-loc:focus-within{box-shadow:none}
.sv .sv-bar .sv-loc .city-btn{min-height:48px;font-size:16px;padding:0 6px 0 0}
.sv .sv-bar .sv-loc .city-pop{left:-26px}
.sv .sv-bar .sv-btn{flex:0 0 auto;width:auto;height:48px;padding:0 22px;box-shadow:none;white-space:nowrap}
@media(max-width:600px){
  .sv-crumb{display:none}
  .sv-hero{padding:28px 0 22px}
  .sv h1.sv-title{font-size:clamp(26px,7.4vw,30px)!important}
  .sv .sv-lead{font-size:14.5px}
  .sv .sv-bar{padding:5px 5px 5px 16px;max-width:none}
  .sv .sv-bar .sv-btn{padding:0 16px;font-size:13.5px;height:46px}
  .sv .sv-bar .sv-loc .city-btn{font-size:15px;max-width:none}
  .sv .sv-bar .sv-loc .city-pop{left:0}
}
@media(max-width:639px){
  .sv .sv-dd .city-pop{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto}
  .sv .sv-bar .sv-loc .city-pop{position:fixed;left:0;right:0;width:auto}
}

/* ===== .sv v8: CTA ispod grada, jednake širine dugmadi ===== */
.sv .sv-bar{max-width:480px}
.sv .sv-cta{display:flex;justify-content:center;margin-top:14px}
.sv a.sv-btn-main,.sv a.sv-btn-main:focus,.sv a.sv-btn-main:active{height:46px;padding:0 24px;font-size:14.5px;background:#fff!important;border-color:#DDD9E0!important;color:var(--ink)!important;box-shadow:none}
.sv a.sv-btn-main:hover{background:#fff!important;border-color:var(--ink)!important;color:var(--ink)!important}
.sv a.sv-btn-main i{color:var(--ink);font-size:14px;margin:0}
.sv .sv-acts{display:grid;grid-template-columns:repeat(3,172px);gap:8px;justify-content:start;align-items:center}
.sv .sv-acts>*,.sv .sv-sec>*{min-width:0}
.sv .sv-acts .sv-chipwrap{display:block;width:100%}
.sv .sv-acts .sv-btn,.sv .sv-acts a.sv-btn-primary,.sv .sv-acts a.sv-btn-ghost,.sv .sv-acts a.sv-btn-call,.sv .sv-acts .sv-phone{width:100%;justify-content:center}
@media(max-width:820px){
  .sv .sv-acts{grid-template-columns:1fr 1fr}
}

/* ===== .sv v9: veći razmak između oglasa ===== */
.sv .sv-list{gap:22px}
.sv .sv-card{box-shadow:0 0 0 1px #E4E1E8,0 6px 22px rgba(29,27,34,.04)}
.sv .sv-card.sv-gold{box-shadow:0 0 0 1.5px #F0D77A,0 6px 22px rgba(224,161,0,.10)}
@media(max-width:600px){.sv .sv-list{gap:18px}}
.sv .sv-acts a.sv-btn-main{height:42px;padding:0 14px;font-size:13.5px;gap:8px}

/* ===== .sv v10: razmak + linija između oglasa, neutralno "prikaži više" ===== */
.sv .sv-list{gap:32px}
.sv .sv-card + .sv-card:before{content:"";position:absolute;left:0;right:0;top:-16px;height:1px;background:#E9E7ED;pointer-events:none}
.sv .sv-card:hover{transform:none}
.sv .sv-desc a.sv-more,.sv a.sv-more{color:#6F6A75!important;font-weight:600;font-size:13px;text-decoration:none!important}
.sv .sv-desc a.sv-more:hover{color:var(--ink)!important}
@media(max-width:600px){.sv .sv-list{gap:26px}.sv .sv-card + .sv-card:before{top:-13px}}
/* v11: bez linije između oglasa, samo razmak */
.sv .sv-card + .sv-card:before{display:none!important}
.sv .sv-list{gap:24px}
@media(max-width:600px){.sv .sv-list{gap:20px}}

/* ===== Jedinstven H1 na celom sajtu (kao na naslovnoj) ===== */
h1,.h1,.post-title,.landing-page h1,header .intro-text h1,.error-404-content h1,.page-titles-img h1,.hero-text-style1 h1,.plan .plan-header h1{
  font-family:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  line-height:1.1!important;
}
h1:not(.pf-h),.h1:not(.pf-h),.post-title,.landing-page h1,.hero-text-style1 h1{
  font-size:clamp(26px,4.6vw,40px)!important;
}
.sv h1.sv-title{font-size:clamp(26px,4.6vw,40px)!important;letter-spacing:-.04em!important;line-height:1.1!important}
@media(max-width:600px){.sv h1.sv-title{font-size:clamp(26px,4.6vw,40px)!important}}

/* ===== H1 je najveći naslov na stranici ===== */
h1:not(.pf-h),.h1:not(.pf-h),.post-title,.landing-page h1,.hero-text-style1 h1,.sv h1.sv-title{font-size:clamp(30px,5.6vw,48px)!important}
@media(max-width:600px){.sv h1.sv-title{font-size:clamp(30px,5.6vw,48px)!important}}
h2,.h2{font-size:clamp(22px,3vw,30px)}
h3,.h3{font-size:clamp(18px,2.2vw,24px)}
.hp .hero h1{font-size:clamp(30px,5.6vw,48px)!important}

/* H1 na stranici kategorije (stari header) — ista veličina kao svuda */
header .intro-text h1{font-size:clamp(30px,5.6vw,48px)!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.04em!important}

/* ===== Profil profesionalca (.vp, koristi i .sv stilove) ===== */
.vp .vp-hero{padding-bottom:26px}
.vp .vp-hero-in{max-width:720px;margin:0 auto;text-align:center}
.vp .vp-back{text-align:left;margin-bottom:14px;font-size:14px;font-weight:600}
.vp .vp-back a{color:#6F6A75;text-decoration:none}
.vp .vp-back a:hover{color:var(--ink)}
.vp .vp-back i{font-size:12px;margin-right:4px}
.vp .vp-ava{position:relative;display:inline-block;margin-bottom:14px}
.vp .vp-ava img.thumb-img{width:104px;height:104px;object-fit:cover;border-radius:50%;display:block;margin:0!important;box-shadow:0 0 0 4px #fff,0 0 0 5px #ECEAEE}
.vp .vp-ini{width:104px;height:104px;font-size:32px;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 5px #ECEAEE}
.vp .vp-ava .sv-trophy{width:34px;height:34px;right:-2px;bottom:0}
.vp .vp-ava .sv-trophy svg{width:22px;height:22px}
.vp h1.vp-name{margin:0 0 10px!important}
.vp .vp-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;font-size:14px;color:#6F6A75}
.vp .vp-rate{display:inline-flex;align-items:center;gap:5px;color:var(--ink);text-decoration:none}
.vp .vp-rate span{color:#6F6A75}
.vp .vp-acts{display:grid;grid-template-columns:repeat(3,172px);gap:8px;justify-content:center;margin-top:22px}
.vp .vp-acts>*{min-width:0}
.vp .vp-chipwrap{display:block;width:100%;padding:0!important}
.vp .vp-acts .sv-btn,.vp .vp-acts a.sv-btn-main,.vp .vp-acts a.sv-btn-call{width:100%;justify-content:center;height:46px}
.vp .vp-phone{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:999px;font-weight:700;font-size:14px;background:var(--red)!important;color:#fff!important;border:1.5px solid var(--red)}
.vp .vp-phone i{color:#fff!important}
.vp .vp-main{max-width:760px;padding-top:14px;padding-bottom:30px}
.vp .vp-card{background:#fff;border-radius:18px;box-shadow:0 0 0 1px #ECEAEE,0 6px 22px rgba(29,27,34,.04);padding:26px;margin-top:20px}
.vp .vp-h{font-size:var(--fs-h3)!important;font-weight:800;letter-spacing:-.02em;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid #ECEAEE}
.vp .vp-text{font-size:15.5px;line-height:1.75;color:#4A4651;margin:0;white-space:pre-line}
.vp .vp-rows{display:flex;flex-direction:column;gap:12px}
.vp .vp-row{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--ink)}
.vp .vp-row a{color:var(--ink);text-decoration:none}
.vp .vp-row a:hover{color:var(--red)}
.vp .vp-ic{flex:none;width:36px;height:36px;border-radius:50%;background:#F4F2F6;display:grid;place-items:center;color:var(--ink);font-size:14px}
.vp .vp-gal{padding:14px}
.vp .vp-gal img,.vp .vp-gal video{border-radius:12px}
.vp .vp-sum{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center;margin-bottom:6px}
.vp .vp-avg{text-align:center;min-width:120px}
.vp .vp-avg-n{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}
.vp .vp-avg .br-wrapper{display:inline-block;margin:6px 0 0}
.vp .vp-avg .br-theme-fontawesome-stars-o .br-widget{height:auto}
.vp .vp-avg-c{font-size:13px;color:#6F6A75;margin-top:2px}
.vp .vp-bars{flex:1;min-width:200px;display:flex;flex-direction:column;gap:7px}
.vp .vp-bar{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#6F6A75}
.vp .vp-bar-k{width:34px;white-space:nowrap}
.vp .vp-bar-k i{color:#F5A623;font-size:11px}
.vp .vp-bar-t{flex:1;height:7px;border-radius:99px;background:#F0EEF3;overflow:hidden}
.vp .vp-bar-f{display:block;height:100%;background:#F5A623;border-radius:99px}
.vp .vp-bar-p{width:38px;text-align:right}
.vp .vp-revs{margin-top:10px}
.vp .vp-rev{padding:18px 0;border-top:1px solid #ECEAEE}
.vp .vp-rev:first-child{margin-top:12px}
.vp .vp-rev-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
.vp .vp-rev-h h6{margin:0;font-size:15px}
.vp .vp-rev-h .br-wrapper{margin:0}
.vp .vp-rev-h .br-theme-fontawesome-stars-o .br-widget{height:auto}
.vp .vp-rev-t{margin:8px 0 0;font-size:15px;line-height:1.65;color:#4A4651}
.vp .vp-reply{margin-top:12px;padding:14px 16px;border-radius:14px;background:#F7F6F9}
.vp .vp-reply-h{font-weight:800;font-size:13.5px;margin-bottom:4px}
.vp .vp-reply p{margin:0;font-size:14.5px;line-height:1.6}
.vp .vp-map{display:block;border:0;border-radius:14px}
.vp .vp-review{text-align:center;margin-top:26px}
.vp .vp-review p{font-size:13px;color:#6F6A75;margin:12px 0 0}
.vp .vp-review .disabled{opacity:.5;pointer-events:none}
@media(max-width:820px){.vp .vp-acts{grid-template-columns:1fr 1fr;max-width:380px;margin-left:auto;margin-right:auto}}
@media(max-width:600px){
  .vp .vp-ava img.thumb-img,.vp .vp-ini{width:88px;height:88px;font-size:28px}
  .vp .vp-card{padding:20px 18px}
}
.vp .sv-status .online-status{position:static!important;margin:0!important;flex:none}

/* ===== .vp v2: zvezdice, tačka, opis, galerija, više ===== */
.vp .vp-stars{position:relative;display:inline-block;width:80px;height:16px;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.5 5.3 5.8.7-4.3 4 1.1 5.7L10 14.4 4.9 17.3 6 11.6 1.7 7.6l5.8-.7z' fill='%23E3E0E8'/%3E%3C/svg%3E") repeat-x 0 0/16px 16px}
.vp .vp-stars i{position:absolute;left:0;top:0;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.5 5.3 5.8.7-4.3 4 1.1 5.7L10 14.4 4.9 17.3 6 11.6 1.7 7.6l5.8-.7z' fill='%23F5A623'/%3E%3C/svg%3E") repeat-x 0 0/16px 16px}
.vp .vp-avg .vp-stars{margin-top:8px}
.vp .vp-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;position:static}
.vp .vp-dot-on{background:#2F8F4E;box-shadow:0 0 0 3px rgba(47,143,78,.18)}
.vp .vp-dot-away{background:#F0AD4E}
.vp .vp-meta .sv-status{display:inline-flex;align-items:center;white-space:nowrap}
.vp .vp-about .vp-desc{position:relative}
.vp .vp-lead{font-size:17px;line-height:1.7;font-weight:600;color:var(--ink);margin:0 0 12px;letter-spacing:-.005em}
.vp .vp-desc .vp-text{margin:0 0 10px}
.vp .vp-desc.is-clamp:not(.is-open){max-height:158px;overflow:hidden}
.vp .vp-desc.is-clamp:not(.is-open):after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.vp .vp-more{display:inline-block;margin-top:10px;padding:0;border:0;background:none;font:inherit;font-weight:800;font-size:14px;color:var(--red);cursor:pointer}
.vp .vp-more:hover{text-decoration:underline}
.vp .vp-more-rev{display:block;width:100%;margin-top:6px;padding:13px;border:1.5px solid #E4E1E8;border-radius:999px;color:var(--ink);text-align:center}
.vp .vp-more-rev:hover{border-color:var(--ink);text-decoration:none}
.vp .vp-h-n{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:99px;background:#F4F2F6;color:#6F6A75;font-size:13px;font-weight:700;letter-spacing:0;vertical-align:middle}
.vp .vp-gal{padding:26px}
.vp .vp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.vp .vp-g{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#F4F2F6}
.vp .vp-g img,.vp .vp-g video{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.vp .vp-g-hide{display:none}
.vp .vp-g-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(29,27,34,.58);color:#fff;font-size:24px;font-weight:800}
@media(max-width:600px){.vp .vp-grid{grid-template-columns:repeat(2,1fr)}.vp .vp-gal{padding:20px 18px}}

/* login: red "zapamti me" / "zaboravljena lozinka" */
.pf .pf-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2px 0 18px;font-size:14px}
.pf .pf-auth-row .form-group,.pf .pf-auth-row .checkbox,.pf .pf-auth-row div.input{margin:0;padding:0}
.pf .pf-auth-row label{margin:0;font-weight:600;color:var(--ink);cursor:pointer}
.pf .pf-auth-row input[type=checkbox]{margin-right:6px;accent-color:var(--red)}
.pf .pf-auth-row a{color:var(--red);font-weight:700;text-decoration:none}
.pf .pf-auth-row a:hover{text-decoration:underline}

/* niži izbor grada na stranici usluge */
.sv-loc{height:44px;padding:0 8px 0 16px;min-width:210px}
.sv-loc select{height:40px;font-size:15px}
.sv .city-btn{min-height:40px}
.sv-bar .sv-btn{height:44px;padding:0 22px}
@media (min-width:640px){
  .sv-loc{height:48px;padding:0 8px 0 20px}
  .sv-loc select{height:44px}
  .sv .city-btn{min-height:44px}
  .sv-bar .sv-btn{height:48px}
}

/* ikonica + razmak kao na naslovnoj */
.sv-loc{gap:4px;padding-left:14px}
.sv-loc .sv-loc-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--mut)}
.sv .loc .city-btn{padding:0 6px}
@media (min-width:640px){.sv-loc{padding-left:16px}}

/* još niži izbor grada na stranici usluge: 40px / 44px */
.sv-loc{height:40px;min-width:190px}
.sv-loc select{height:36px;font-size:14.5px}
.sv .city-btn{min-height:36px;font-size:14.5px}
.sv-bar .sv-btn{height:40px;padding:0 20px;font-size:14.5px}
@media (min-width:640px){
  .sv-loc{height:44px}
  .sv-loc select{height:40px}
  .sv .city-btn{min-height:40px;font-size:15px}
  .sv-bar .sv-btn{height:44px;font-size:15px}
}

/* neutralnije ikonice na dugmadima "Tražite ponudu" i "Poruka" */
.sv a.sv-btn-ghost i,.vp a.sv-btn-ghost i,.sv a.sv-btn-ghost:hover i,.vp a.sv-btn-ghost:hover i{color:#6F6A75!important;font-size:14px;font-weight:400}

/* ===== Zahtev (klijent): lokacija, upload slike, pregled ===== */
.pf .pf-rads{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.pf .pf-rad{display:flex;align-items:center;gap:10px;flex:1 1 180px;margin:0;padding:13px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-weight:700;font-size:15px;line-height:1.3;cursor:pointer;transition:border-color .15s,background .15s}
.pf .pf-rad input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--red)}
.pf .pf-rad:hover{border-color:#E8A9B8}
.pf .pf-rad:has(input:checked){border-color:var(--red);background:var(--tint)}
.pf .pf-up{margin:4px 0 0}
.pf .pf-up .file-input-wrapper{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px;padding:0 16px!important;border:1.5px dashed #E8A9B8!important;border-radius:14px!important;background:var(--tint)!important;color:var(--red)!important;font-weight:700;font-size:15px;cursor:pointer;box-shadow:none!important}
.pf .pf-up .file-input-wrapper:hover{background:var(--tint2)!important}
.pf .pf-up .file-input-wrapper>span{color:var(--red)!important}
.pf .pf-up img#preview_photo{display:block;max-width:100%;max-height:260px;width:auto;margin:14px auto 0;border-radius:16px;border:1px solid var(--line)!important;padding:0!important;background:#fff}
.pf .pf-up img#preview_photo[src=""],.pf .pf-up img#preview_photo:not([src]){display:none}
.pf .pf-up-rm{margin:10px 0 0;text-align:center;font-size:13px}
.pf .pf-up-rm label{display:inline;font-weight:600;color:var(--mut);margin:0 0 0 4px}
.pf .pf-up-rm input[type=checkbox]{accent-color:var(--red)}
.pf .pf-up .progress{max-width:240px;margin:12px auto 0}
.pf div.pf-cancel{text-align:center;margin-top:14px}
.pf div.pf-cancel a{color:var(--mut);font-weight:700;font-size:14px;text-decoration:none}
.pf div.pf-cancel a:hover{color:var(--ink);text-decoration:underline}
.pf .pf-ro-line{padding:13px 16px;border:1.5px solid var(--line);border-radius:14px;background:#FAF9FB;font-weight:700;font-size:15px;color:var(--ink)}
.pf .pf-ro-grid{display:grid;gap:10px}
@media(min-width:560px){.pf .pf-ro-grid{grid-template-columns:1fr 1fr}}
.pf .pf-ro-grid>div{padding:12px 16px;border:1.5px solid var(--line);border-radius:14px;background:#FAF9FB}
.pf .pf-ro-grid .pf-k{display:block;font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px}
.pf .pf-ro-grid .pf-v{display:block;font-size:15px;font-weight:700;color:var(--ink);word-break:break-word}
.pf .pf-ro-note{padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#FAF9FB;font-size:15px;line-height:1.6;color:var(--ink);word-break:break-word}

/* ===== Projekti i primljene ponude (klijent) ===== */
.pf .pf-tag-ok{background:#E9F7EF;color:#1C8A4E}
.pf .pf-req.disabled{opacity:.7}
.pf .pf-back-row{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:640px;margin:0 auto 18px}
.pf .pf-back-a{font-weight:700;font-size:14px;color:var(--mut)!important;text-decoration:none!important}
.pf .pf-back-a:hover{color:var(--ink)!important}
.pf .pf-bids-col{max-width:640px;margin:0 auto;display:grid;gap:16px}
.pf .pf-bidcard-wrap{min-width:0}
.pf .pf-bidcard .pf-user{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf .pf-bidcard .pf-user-info{flex:1 1 160px;min-width:0}
.pf .pf-bidcard .pf-user-name a{color:var(--ink)!important;font-weight:800;text-decoration:none!important}
.pf .pf-bidcard .pf-user-name a:hover{color:var(--red)!important}
.pf .pf-bidcard-price{margin-left:auto;font-weight:800;font-size:18px;color:var(--ink);text-align:right}
.pf .pf-bid-act-two .pf-btn{flex:1 1 140px}
.pf .pf-bid-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-weight:700;font-size:14px}
.pf .pf-bid-contact a{color:var(--red)!important;text-decoration:none!important}
.pf .pf-bid-contact .phone-on-site{color:var(--ink)}
.pf .pf-bid-contact i{margin-right:4px}
.pf .pf-rads-col{flex-direction:column;gap:8px}
.pf .pf-rad-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px}
.pf .pf-rad-wrap input[type=radio]{flex:none;width:20px;height:20px;margin:0;accent-color:var(--red)}
.pf .pf-rad-lbl{margin:0;font-weight:700;font-size:15px;cursor:pointer;flex:1}
.pf .pf-rad-wrap textarea{flex:1 1 100%;margin-top:6px}

/* Izbor tipa naloga: dva dugmeta */
.pf .pf-signup-btns{display:grid;gap:12px;max-width:340px;margin:26px auto 4px}
.pf .pf-signup-btns .pf-btn{height:56px;font-size:16px}
.pf .pf-btn-ink{background:#F4B400;border-color:#F4B400;color:#1D1B22}
.pf .pf-btn-ink:hover{background:#E0A400;border-color:#E0A400;color:#1D1B22}