/* v3.10 Uređivač sajta: theme variables come from <body style="--accent:…"> (Web::bodyStyle). Nothing here changes the
   look of a site that was not customised: defaults equal the pre-3.10 site. */
.site .s-wrap{max-width:var(--wrap,1180px)}
.site .btn{border-radius:var(--btn-r,var(--r))}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--surface);padding:8px 12px;border-radius:8px}
.skip:focus{left:8px}
.linklike{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.w-anchor{display:block;position:relative;top:-90px;visibility:hidden}

/* top bar */
.s-bar{background:var(--accent-strong);color:#fff;font-size:13px}
.s-bar .s-wrap{display:flex;align-items:center;gap:18px;min-height:36px;flex-wrap:wrap;padding-block:4px}
.s-bar a,.s-bar span{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;opacity:.95}
.s-bar a:hover{opacity:1;text-decoration:underline}
.s-bar svg{width:14px;height:14px;fill:currentColor;flex:none}
.s-bar-end{margin-left:auto;gap:14px!important}
.s-soc{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.s-soc a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:inherit}
.s-soc a:hover{background:rgba(255,255,255,.2)}
.s-soc svg{width:17px;height:17px;fill:currentColor}
.s-soc.sm{margin:0;gap:4px}.s-soc.sm a{width:26px;height:26px;background:transparent}.s-soc.sm svg{width:15px;height:15px}

/* header + menu */
.site .s-top .s-wrap{gap:18px;flex-wrap:nowrap}
.hdr-static .s-top{position:relative}
.hdr-dark .s-top{background:#14181a;border-color:#14181a;color:#fff}
.hdr-brand .s-top{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.hdr-dark .s-top .s-nav a,.hdr-brand .s-top .s-nav a,.hdr-dark .s-top .s-nav-top,.hdr-brand .s-top .s-nav-top{color:#fff}
.hdr-dark .s-phone,.hdr-brand .s-phone{color:#fff}
.s-nav{flex:1;min-width:0;display:flex;align-items:center}
.s-nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.s-nav li{position:relative}
.s-nav a,.s-nav-top{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border-radius:8px;color:var(--fg);text-decoration:none;font-weight:600;font-size:14px;background:none;border:0;cursor:pointer;white-space:nowrap}
.nav-upper .s-nav>ul>li>a,.nav-upper .s-nav-top{text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.s-nav a:hover,.s-nav-top:hover{color:var(--accent)}
.hdr-dark .s-nav>ul>li>a:hover,.hdr-brand .s-nav>ul>li>a:hover{color:#fff;background:rgba(255,255,255,.12)}
.s-nav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}
.s-sub{list-style:none;margin:0;padding:6px;position:absolute;top:100%;left:0;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);display:none;z-index:60}
.s-sub a{display:flex;width:100%;color:var(--fg)!important;font-weight:500;padding:8px 10px}
.s-sub a:hover{background:var(--accent-soft);color:var(--accent-strong)!important}
.has-kids:hover>.s-sub,.has-kids:focus-within>.s-sub,.has-kids.open>.s-sub{display:block}
.s-nav-foot{display:none}
.s-cta{flex:none;white-space:nowrap}
.site .s-phone{text-decoration:none;color:inherit}
.site .s-phone:hover{color:var(--accent)}
.nav-open #ana-root{display:none}
.s-burger{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;color:inherit}
.s-burger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.nav-open .s-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .s-burger span:nth-child(2){opacity:0}
.nav-open .s-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
  .site .s-top .s-wrap{min-height:60px}
  .s-burger{display:flex}
  .s-top .s-phone,.s-top>.s-wrap>.s-langs,.s-top .s-cta{display:none}
  .s-top nav.s-nav{display:none;position:fixed;inset:var(--nav-top,calc(60px + env(safe-area-inset-top,0px))) 0 0 0;background:var(--surface);color:var(--fg);flex-direction:column;align-items:stretch;overflow:auto;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));z-index:70;border-top:1px solid var(--line)}
  .nav-open .s-top nav.s-nav{display:flex}
  .nav-open{overflow:hidden}
  .s-nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .s-nav>ul>li{border-bottom:1px solid var(--line)}
  .s-nav a,.s-nav-top{width:100%;justify-content:space-between;padding:14px 4px;font-size:16px;color:var(--fg)!important}
  .s-sub{position:static;box-shadow:none;border:0;padding:0 0 8px 12px;min-width:0;display:none;background:transparent}
  .has-kids:hover>.s-sub{display:none}.has-kids.open>.s-sub{display:block}
  .has-kids.open>a svg,.has-kids.open>.s-nav-top svg{transform:rotate(180deg)}
  .s-sub a{padding:10px 4px;font-size:15px}
  .s-nav-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
  .s-nav-foot .s-phone{display:inline;font-size:16px;color:var(--fg)}
  .s-nav-foot .langs{margin:0}
  .s-bar .s-bar-addr,.s-bar .s-bar-hours{display:none}
}
@media (max-width:560px){
  .s-bar a[href^="mailto:"]{display:none}
  .s-bar .s-wrap{gap:12px}
}

/* hero colours */
.site .hero{background:var(--hero-bg,var(--accent-strong));color:var(--hero-fg,#fff)}
.site .hero h1 em{color:var(--hero-em,#f3b79a)}
.hero-eb{color:var(--hero-em,#f3b79a)!important;opacity:.95}
.hero-fade{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease;z-index:0}
.hero-fade.on{opacity:1}
.hero.has-img .s-wrap{z-index:1}
.hero-center .s-wrap{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.hero-center .s-wrap>div:first-child{max-width:820px}
.hero-center p{margin-inline:auto!important}
.hero-center .facts{justify-content:center}
.hero-center .finder{width:100%;max-width:880px;text-align:left}
@media (min-width:1001px){.hero-center .finder .grid2{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* sections */
.s-bg-surface{background:var(--surface)}
.s-bg-brand{background:var(--accent-strong);color:#fff}
.s-bg-brand .eyebrow,.s-bg-brand .muted{color:inherit;opacity:.8}
.s-bg-dark{background:#14181a;color:#eef1ef}
.s-bg-dark .eyebrow,.s-bg-dark .muted{color:inherit;opacity:.75}
.w-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.w-cat{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--accent-strong) center/cover no-repeat;display:flex;align-items:flex-end;padding:16px;text-decoration:none;color:#fff;max-width:100%}
.w-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.6))}
.w-cat span{position:relative;z-index:1;font:800 20px/1.1 var(--f-display)}
.w-cat:hover span{text-decoration:underline}
.w-text{display:grid;gap:32px;align-items:center}
.w-text.has-img{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.w-text.img-left .w-text-img{order:-1}
.w-text-body{display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}
.w-text-body h2{font-size:30px}
.w-text-img img{width:100%;border-radius:var(--r-lg);display:block;aspect-ratio:4/3;object-fit:cover}
.w-prose{max-width:70ch;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.w-prose h2{font-size:24px;margin:22px 0 8px}.w-prose h3{font-size:19px;margin:18px 0 6px}
.w-prose p{margin:0 0 12px}.w-prose ul{margin:0 0 12px;padding-left:20px}.w-prose li{margin:4px 0}
.w-prose figure{margin:16px 0}.w-prose img{border-radius:var(--r-lg)}
.w-testi{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.w-testi figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:10px;color:var(--fg)}
.w-testi blockquote{margin:0;line-height:1.6}
.w-testi figcaption{font-weight:700}
.w-stars{color:#e0a100;letter-spacing:2px}
.w-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.w-agent{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;color:var(--fg)}
.w-agent img{width:112px;height:112px;border-radius:50%;object-fit:cover;margin-bottom:8px}
.w-agent .avatar.lg{width:112px;height:112px;font-size:32px;margin-bottom:8px}
.w-agent a{color:var(--accent);text-decoration:none;font-size:14px}
.w-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.w-cta h2{font-size:28px}.w-cta p{margin:8px 0 0;max-width:60ch;opacity:.9}
.w-cta .btn{min-height:48px;padding-inline:22px}
.w-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}
.w-form{display:flex;flex-direction:column;gap:12px;color:var(--fg)}
.w-form h3{font-size:20px}
.w-phero{background:var(--accent-strong);color:#fff;padding-block:48px;position:relative;background-size:cover;background-position:center}
.w-phero.has-img::before{content:"";position:absolute;inset:0;background:rgba(6,20,16,.5)}
.w-phero .s-wrap{position:relative}
.w-phero h1{font-size:clamp(30px,5vw,48px);font-weight:800}
.w-page{display:grid;gap:32px;align-items:start}
.w-page.with-form{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
@media (max-width:900px){.w-text.has-img,.w-contact,.w-page.with-form{grid-template-columns:minmax(0,1fr)}.w-text.img-left .w-text-img{order:0}.w-cta h2{font-size:24px}}

/* footer */
.site .s-foot{background:var(--foot-bg,var(--fg));color:var(--foot-fg,var(--bg))}
.s-flinks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.s-flinks a{text-decoration:none}.s-flinks a:hover{text-decoration:underline}
.s-copy{margin:28px 0 0;font-size:13px;display:flex;flex-direction:column;gap:6px}.s-copy .s-left{min-width:0}body:has(#ana-root) .s-copy{padding-bottom:72px}.s-copy .s-made a{color:inherit;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}.s-copy .s-made a:hover{opacity:.8}

/* cookies */
.ck{position:fixed;z-index:95;color:var(--fg)}
.ck-bar{left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.08);padding:14px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.ck-bar .ck-in{max-width:var(--wrap,1180px);margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ck-box{left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px}
.ck p{margin:0;flex:1 1 320px;font-size:14px;line-height:1.5}
.ck-box p{margin-bottom:12px}
.ck-acts{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:560px){.ck-box{right:max(16px,env(safe-area-inset-right,0px));max-width:none}.ck-acts{width:100%}.ck-acts .btn{flex:1}}