/* Voxern city pages. Uses the existing production shell and package styles. */
/* Match or exceed the production theme's specificity for hero overrides. */
html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna>.wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr)!important;gap:48px!important}
html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna h1.vx-city-title{font-size:clamp(38px,4.25vw,67px)!important;line-height:1.06!important;font-weight:300!important}
html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna h1.vx-city-title .hero-title-main{font-size:1em!important;white-space:normal!important;font-weight:300!important}
html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna h1.vx-city-title .hero-price-line{font-size:1em!important;font-weight:300!important;color:#8bdcff!important;-webkit-text-fill-color:#8bdcff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important}
html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna .hero-visual{width:100%!important;max-width:100%!important;line-height:normal!important;aspect-ratio:auto!important;justify-self:stretch!important}
html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna .hero-visual img{width:100%!important;max-width:100%!important;height:auto!important;border-radius:0!important;box-shadow:none!important;aspect-ratio:16/9!important;object-fit:cover!important}
html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna .hero-visual::before,html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna .hero-visual::after{display:none!important}
html body.vx-city-page #pocetna .vx-city-promise{color:#e2ebfb!important}
html body.vx-city-page #pocetna .vx-city-facts dt{color:#f3f8ff!important}
html body.vx-city-page #pocetna .vx-city-facts dd{color:#bdcbe0!important}
html body.vx-city-page #pocetna .vx-city-facts{border-color:#ffffff2e!important}
.vx-city-breadcrumb{display:flex;align-items:center;gap:12px;padding-top:22px;padding-bottom:0;font-size:12px;color:#667085;flex-wrap:wrap}
.vx-city-breadcrumb a{color:inherit;text-decoration:none}.vx-city-breadcrumb a:hover{text-decoration:underline}
.vx-city-page .hero{padding-top:34px;padding-bottom:44px}
.vx-city-page .hero>.wrap{align-items:center;gap:48px}
.vx-city-page .hero .vx-city-title{font-size:clamp(38px,4.25vw,67px)!important;line-height:1.06!important;letter-spacing:-.035em!important;margin:16px 0 20px!important;max-width:100%!important;text-transform:uppercase;font-weight:300!important;overflow-wrap:normal;word-break:normal}
.vx-city-page .hero .hero-title-main{display:block;font-size:inherit!important;white-space:normal!important}
.vx-city-page .hero .hero-price-line{display:block;font-size:inherit!important;line-height:1.08!important;font-weight:300!important;white-space:normal!important;color:#153655}
.vx-city-page .hero .vx-city-promise{font-size:clamp(18px,2vw,24px);line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0 0 15px;color:#182439}
.vx-city-page .hero .lead{font-size:16px;line-height:1.8;max-width:660px;margin-bottom:24px}
.vx-city-page .hero .eyebrow{letter-spacing:.08em;font-size:11px;line-height:1.6}
.vx-city-page .hero .hero-visual{display:block;min-width:0;overflow:visible;aspect-ratio:auto!important;background:none!important;box-shadow:none!important;transform:none!important}
.vx-city-showcase{border:1px solid #d3deeb;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #18345b17;transform:rotate(1deg)}
.vx-city-browserbar{height:36px;background:#f0f4f8;display:flex;gap:5px;align-items:center;padding:0 13px;border-bottom:1px solid #dce4ee}
.vx-city-browserbar>span{width:7px;height:7px;border-radius:50%;background:#c1cbd8}.vx-city-browserbar b{margin:auto;font:11px system-ui,sans-serif;color:#63718a;letter-spacing:.015em;padding-right:28px;font-weight:400}
.vx-city-page .hero .hero-visual img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover!important;border-radius:0!important;margin:0!important;transform:none!important;box-shadow:none!important}
.vx-city-showcase-caption{padding:18px 22px 22px}.vx-city-showcase-caption span{display:block;color:#6a7282;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.vx-city-showcase-caption strong{font-size:17px;font-weight:600;line-height:1.45;display:block;color:#18334c}
.vx-city-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #dce4eb;padding-top:22px;margin:28px 0 0}
.vx-city-facts>div{padding-right:8px}.vx-city-facts dt{font-size:20px;font-weight:650;color:#153655;line-height:1.25;margin-bottom:6px}.vx-city-facts dd{font-size:11px;line-height:1.5;color:#57677a;margin:0}
.vx-city-jump{border-top:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef;background:#f7f9fc}.vx-city-jump .wrap{display:flex;gap:8px 24px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;justify-content:center}.vx-city-jump a{color:#40516a;text-decoration:none;font-size:12px;font-weight:600;padding:6px 0}.vx-city-jump a:hover{color:#0f7a35;text-decoration:underline}
.vx-city-page .packages-intro h2{font-size:clamp(27px,3vw,43px);line-height:1.2;letter-spacing:-.03em}
.vx-city-page .packages-intro-copy p{font-size:15px;line-height:1.8}
.vx-city-page #sto-dobivate h2,.vx-city-page .vx-process__head h2,.vx-city-page #recenzije h2,.vx-city-page .faq-section h2,.vx-city-page .contact h2,.vx-city-page .works-intro h2{font-size:clamp(28px,3.2vw,45px);line-height:1.18;letter-spacing:-.025em}
.vx-city-page #sto-dobivate p{line-height:1.85}.vx-city-page .inc-list li{line-height:1.7}.vx-city-page .inc-list strong{display:block;margin-bottom:3px}
.vx-city-page .vx-process__head>p{line-height:1.8}.vx-city-page .vx-process__item p{line-height:1.75}
.vx-city-section{padding:76px 0;background:#fff;color:#182439}.vx-city-section-head{max-width:880px;margin-bottom:32px}.vx-city-section-head h2{font-size:clamp(29px,3.2vw,45px);font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:12px 0 18px}.vx-city-section-head>p{font-size:16px;line-height:1.85;color:#5b6676;max-width:800px}.vx-city-section-head>p:empty{display:none}
.vx-city-services-section{background:#f3f6fa}.vx-city-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vx-city-services article{border:1px solid #dfe6ef;border-radius:18px;padding:30px;background:#fff}.vx-city-kicker{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#2a658d}.vx-city-services h3{font-size:23px;line-height:1.3;font-weight:500;margin:16px 0 14px;letter-spacing:-.02em}.vx-city-services p{font-size:14px;line-height:1.85;color:#566273;margin:0}
.vx-city-page .work-card{display:flex!important;visibility:visible!important;opacity:1!important;flex-direction:column;min-width:0}.vx-city-page .work-body>p{line-height:1.8;font-size:14px}.vx-city-page .work-meta{min-height:30px}.vx-city-page .work-shot img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.vx-city-two-projects{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vx-city-page .works-intro>p{line-height:1.8}
.vx-city-table-wrap{overflow-x:auto;border:1px solid #dce4ee;border-radius:14px}.vx-city-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.75;text-align:left}.vx-city-table-wrap thead{background:#eaf1f9}.vx-city-table-wrap th,.vx-city-table-wrap td{padding:22px 24px;vertical-align:top;border-bottom:1px solid #dfe6ee}.vx-city-table-wrap th{font-weight:600}.vx-city-table-wrap tbody th{width:24%;color:#183b58}.vx-city-table-wrap td{width:38%;color:#526175}.vx-city-table-wrap tr:last-child>*{border-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vx-city-page #recenzije .rev h3{font-size:19px;line-height:1.4;font-weight:500;margin:0 0 15px}.vx-city-page #recenzije .rev p{font-size:14px;line-height:1.85;font-style:normal}.vx-city-page #recenzije .rev a{display:inline-block;font-size:12px;font-weight:600;color:inherit;margin-top:10px;text-decoration:underline;text-underline-offset:4px}
.vx-city-seo{background:#f7f9fc}.vx-city-editorial{max-width:950px}.vx-city-editorial p{font-size:16px;line-height:1.9;color:#4f5d70;margin:0 0 22px}.vx-city-related{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:28px}.vx-city-related a{font-size:13px;font-weight:600;color:#285779;text-underline-offset:4px}
.vx-city-page .faq-a p{line-height:1.85}.vx-city-page .faq-label{line-height:1.55}.vx-city-navigation{padding:48px 0;background:#f1f5fa}.vx-city-navigation .vx-city-section-head{margin-bottom:22px}.vx-city-navigation h2{font-size:30px}.vx-city-navigation .vx-city-section-head p{font-size:14px}.vx-city-links{display:flex;gap:12px;flex-wrap:wrap}.vx-city-links a{padding:12px 23px;border:1px solid #c9d8e8;background:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;color:#23465f}.vx-city-links a:hover,.vx-city-links a[aria-current]{border-color:#1a7051;background:#edf8f2;color:#14563f}.vx-city-home-link{font-size:12px;margin:20px 0 0}.vx-city-home-link a{color:#53677b;text-underline-offset:3px}
.vx-city-page section[id],.vx-city-page #contactForm{scroll-margin-top:110px}
@media(max-width:900px){.vx-city-page .hero>.wrap{grid-template-columns:1fr!important;gap:32px}.vx-city-page .hero .hero-visual{width:min(100%,600px);margin:0 auto}.vx-city-page .hero .lead{max-width:none}.vx-city-page .hero .vx-city-title{font-size:clamp(36px,7.6vw,57px)!important}.vx-city-page .hero .hero-price-line{margin-top:5px}.vx-city-page .hero .hero-cta{flex-wrap:wrap}.vx-city-section{padding:54px 0}.vx-city-services article{padding:24px}.vx-city-page .works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-city-table-wrap th,.vx-city-table-wrap td{padding:17px}.vx-city-page .vx-process__head>p{margin-top:16px}}
@media(max-width:600px){.vx-city-breadcrumb{padding-top:15px;font-size:11px}.vx-city-page .hero{padding-top:24px;padding-bottom:30px}.vx-city-page .hero .vx-city-title{font-size:clamp(31px,8.5vw,45px)!important;letter-spacing:-.04em!important}.vx-city-page .hero .lead{font-size:14px;line-height:1.85}.vx-city-page .hero .vx-city-promise{font-size:19px}.vx-city-page .hero .eyebrow{font-size:10px;letter-spacing:.05em}.vx-city-facts{gap:10px;padding-top:18px;margin-top:23px}.vx-city-facts dt{font-size:16px}.vx-city-facts dd{font-size:10px}.vx-city-showcase{transform:none}.vx-city-showcase-caption{padding:15px 18px}.vx-city-showcase-caption strong{font-size:15px}.vx-city-jump .wrap{justify-content:flex-start;gap:2px 20px;padding-top:12px;padding-bottom:12px}.vx-city-jump a{font-size:11px}.vx-city-services{grid-template-columns:1fr}.vx-city-services article{padding:23px}.vx-city-services h3{font-size:21px}.vx-city-page .works-grid,.vx-city-two-projects{grid-template-columns:1fr!important}.vx-city-section{padding:43px 0}.vx-city-section-head h2{font-size:29px}.vx-city-section-head>p{font-size:14px}.vx-city-table-wrap table{font-size:12px;min-width:580px}.vx-city-table-wrap th,.vx-city-table-wrap td{padding:16px}.vx-city-editorial p{font-size:14px}.vx-city-page .packages-intro h2{font-size:29px}.vx-city-links{gap:9px}.vx-city-links a{padding:11px 16px;font-size:13px}.vx-city-page #sto-dobivate h2,.vx-city-page .vx-process__head h2,.vx-city-page #recenzije h2,.vx-city-page .faq-section h2,.vx-city-page .contact h2,.vx-city-page .works-intro h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.vx-city-page *{scroll-behavior:auto!important}.vx-city-showcase{transform:none}}
@media(max-width:900px){html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna>.wrap{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna .hero-visual{width:min(100%,600px)!important;max-width:600px!important;justify-self:center!important;margin:0 auto!important}html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna h1.vx-city-title{font-size:clamp(36px,7.6vw,57px)!important}}
@media(max-width:600px){html body.vx-unified-theme.vx-premium.premium-home.vx-city-page[data-vx-design="prism"] main>section.hero#pocetna h1.vx-city-title{font-size:clamp(31px,8.5vw,45px)!important;letter-spacing:-.04em!important}}