header{height:76px!important;gap:18px!important}header img{width:205px!important}header b{padding:9px 12px!important;font-size:12px!important;border-radius:9px!important}.wrap{max-width:1500px!important;padding:34px 28px 64px!important}.hero{align-items:center!important;margin-bottom:16px!important}.hero h1{margin:9px 0 10px!important;font-size:clamp(36px,4vw,52px)!important;letter-spacing:-.035em!important}.hero p{max-width:760px!important;margin:0!important;font-size:15px!important;line-height:1.5!important}.eyebrow{font-size:10px!important;letter-spacing:.16em!important}.count{padding:9px 13px!important;font-size:12px!important}.tools{margin:14px 0 18px!important}.tools input{height:46px!important;padding:0 16px!important;border-radius:12px!important;background:#fff!important;font-size:14px!important;box-shadow:0 5px 16px rgba(9,53,45,.04)!important}.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.card{grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;min-height:138px!important;padding:15px 16px!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(9,53,45,.045)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.card:hover{transform:translateY(-2px)!important;border-color:#aac8bf!important;box-shadow:0 11px 25px rgba(9,53,45,.085)!important}.number{width:38px!important;height:38px!important;border-radius:11px!important;font-size:13px!important}.card h2{margin:1px 0 8px!important;font-size:18px!important;line-height:1.2!important}.contact{gap:5px 11px!important}.contact a,.address{font-size:12px!important}.email,.pending{margin-top:7px!important;font-size:12px!important}.address{margin-top:7px!important;line-height:1.35!important}
@media(max-width:1150px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){header{height:70px!important}header img{width:170px!important}.wrap{padding:26px 15px 48px!important}.hero{display:block!important}.count{margin-top:13px!important}.tools{margin-top:13px!important}.grid{grid-template-columns:1fr!important}.card{min-height:0!important;padding:14px!important}}

/* Grb grada, jasni tipovi telefona i četiri kolone na velikom ekranu. */
.hero>div:first-child{position:relative!important;padding-left:82px!important}
.hero>div:first-child:before{content:"";position:absolute;left:0;top:50%;width:62px;height:70px;transform:translateY(-50%);background:#fff url('/admin/municipality-crests/cacak.png') center/52px auto no-repeat;border:1px solid #d9e4e0;border-radius:15px;box-shadow:0 7px 20px rgba(9,53,45,.08)}
.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.card{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;min-width:0!important;min-height:118px!important;padding:12px 13px!important}
.number{width:32px!important;height:32px!important;border-radius:9px!important}
.card h2{margin:0 0 7px!important;font-size:17px!important}
.contact{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.contact a{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;min-width:0!important;padding:5px 6px!important;border-radius:8px!important;background:#f2f7f5!important;color:#264f47!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
.contact a:hover{background:#e6f2ee!important;color:#087765!important}
.phone-kind{display:block!important;width:20px!important;height:20px!important;overflow:hidden!important;color:transparent!important;font-size:0!important;line-height:0!important}
.phone-kind:before{content:"";display:block;width:20px;height:20px;border-radius:6px;background-color:#dceee8;background-position:center;background-repeat:no-repeat;background-size:12px 12px}
.phone-fixed:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075d4f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.33 1.85.56 2.81.69A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.phone-mobile:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075d4f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E")}
@media(max-width:1320px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){.hero>div:first-child{padding-left:67px!important}.hero>div:first-child:before{top:0;width:51px;height:58px;transform:none;background-size:43px auto;border-radius:12px}.grid{grid-template-columns:1fr!important}.contact a{grid-template-columns:20px minmax(0,1fr)!important}}