/* Propertyfinder brand header: homepage only. */
html #root .site-header{position:absolute;inset:0 0 auto;z-index:40;background:transparent;border:0;box-shadow:none;color:#fff}
html #root .header-inner{height:120px;max-width:1440px;width:calc(100% - 64px);gap:26px;border-bottom:1px solid rgba(255,255,255,.23)}
html #root .header-inner .brand{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:3px;text-decoration:none}
html #root .header-inner .brand img{width:256px;height:auto;max-width:none;filter:brightness(0) invert(1);object-fit:contain}
html #root .header-inner .brand:after{content:'Dom je više od adrese.';display:block;margin-left:49px;padding-left:10px;border-left:3px solid #ff6068;color:#fff;font-size:10px;font-weight:500;letter-spacing:.055em;line-height:1.4}
html[lang=en] #root .header-inner .brand:after{content:'Home is more than an address.'}
html #root .desktop-nav a,html #root .desktop-nav button,html #root .header-actions .login-link,html #root .header-actions .icon-button,html #root .header-actions .compact-select{color:#fff}
html #root .header-actions select{color:#fff;background:transparent}
html #root .header-actions select option{color:#172d34;background:#fff}
html #root .header-actions .publish-button{background:#ff5d67;color:#fff;border-color:#ff5d67;box-shadow:0 5px 20px #0c263b22}
html #root .header-actions .compact-select{border-color:#ffffff55}
html #root .hero{margin-top:0;isolation:isolate}
html #root .hero-shade{background:linear-gradient(180deg,rgba(8,29,42,.83) 0%,rgba(8,29,42,.45) 32%,rgba(8,29,42,.28) 65%,rgba(8,29,42,.53) 100%)}
html #root .hero-content{padding-top:190px;padding-bottom:70px}
html #root .hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.11;letter-spacing:-.04em;max-width:850px;text-shadow:0 2px 22px #102c3c30}
html #root .hero-intro{font-size:18px;line-height:1.6;margin-top:22px}
html #root .mobile-nav{background:#fff;color:#17333b;border-radius:0 0 18px 18px;box-shadow:0 18px 35px #08233233}
html #root .mobile-nav a,html #root .mobile-nav button{color:#17333b}
@media(max-width:1200px) and (min-width:901px){html #root .header-inner{gap:16px;width:calc(100% - 40px)}html #root .header-inner .brand img{width:210px}html #root .desktop-nav{gap:14px}html #root .header-actions{gap:10px}html #root .header-inner .brand:after{margin-left:41px;font-size:9px}}
@media(max-width:900px){html #root .header-inner{height:108px;width:calc(100% - 40px);gap:16px}html #root .header-inner .brand img{width:250px}html #root .hero-content{padding-top:160px;padding-bottom:36px}html #root .hero h1{font-size:48px}html #root .mobile-toggle{width:44px;min-height:44px}}
@media(max-width:600px){html #root .header-inner{width:calc(100% - 32px);height:108px;gap:8px;align-items:center}html #root .header-inner .brand img{width:222px}html #root .header-inner .brand:after{margin-left:43px;font-size:9px;letter-spacing:.015em;padding-left:7px}html #root .header-actions{gap:6px}html #root .header-actions .language{min-width:46px;font-size:12px}html #root .header-actions .language>svg{display:none}html #root .mobile-toggle{width:40px;min-height:44px}html #root .hero-content{padding-top:150px;padding-bottom:30px}html #root .hero h1{font-size:38px;line-height:1.14;letter-spacing:-.04em}html #root .hero-intro{font-size:14px;line-height:1.6;margin-top:20px}html #root .hero-image{object-position:53% top}html #root .hero-shade{background:linear-gradient(180deg,#071e2de0 0%,#092a3b88 29%,#0b304344 62%,#0c2a3b99 100%)}html #root .mobile-nav{margin-top:0}}
@media(max-width:360px){html #root .header-inner .brand img{width:190px}html #root .header-inner .brand:after{margin-left:37px;font-size:8px}html #root .hero h1{font-size:34px}}
@media(max-width:360px){html #root .header-inner .brand img{width:176px}html #root .header-inner .brand:after{margin-left:34px;font-size:8px}}
