.clean-nav{position:sticky;top:0;z-index:1040;width:100%;background:rgba(255,255,255,.78);backdrop-filter:blur(14px) saturate(155%);-webkit-backdrop-filter:blur(14px) saturate(155%);box-shadow:0 12px 36px rgba(15,23,42,.08);border-bottom:1px solid #0000000d}.clean-nav-inner{max-width:1280px;margin:auto;padding:0 32px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.clean-brand{display:flex;align-items:center;gap:10px;color:#173c60;text-decoration:none;flex-shrink:0}.clean-brand img{width:54px;height:54px;object-fit:contain}.clean-brand>span{font-size:18px;font-weight:800;line-height:1.1;letter-spacing:-.3px}.clean-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:5px}.clean-links{display:flex;align-items:center;gap:32px}.clean-links>a,.services-toggle{font-family:Lato,Arial,sans-serif;font-size:17px;line-height:1.6;font-weight:400;color:#30343a;text-decoration:none;white-space:nowrap;padding:18px 0;border:0;background:transparent}.clean-links a:hover,.services-toggle:hover{color:#1b679d}.clean-links>a[aria-current]{color:#174b75}.services-toggle span{font-size:15px;margin-left:4px}.clean-services{position:relative}.clean-submenu{position:absolute;top:calc(100% - 3px);left:-20px;min-width:280px;background:rgba(255,255,255,.98);border:1px solid #e1e7ec;border-radius:12px;padding:10px;box-shadow:0 14px 34px #0f172a22}.clean-submenu a{display:block;padding:10px 12px;color:#30343a;text-decoration:none;font-size:15px;line-height:1.4;border-radius:6px}.clean-submenu a:hover{background:#edf3f7}.clean-toggle{display:none;border:1px solid #00000018;border-radius:14px;background:#ffffffb3;padding:11px;min-width:44px;min-height:44px}.clean-toggle span{display:block;width:22px;height:2px;background:#173c60;margin:4px 0}.clean-nav button:focus-visible,.clean-nav a:focus-visible{outline:3px solid #c69200;outline-offset:3px}#kontakt-forma{scroll-margin-top:90px}
@media(max-width:1050px){.clean-links{gap:20px}.clean-links>a,.services-toggle{font-size:15px}.clean-nav-inner{padding:0 24px;gap:20px}.clean-brand>span{font-size:16px}}
@media(max-width:900px){.clean-nav-inner{min-height:72px;flex-wrap:wrap;gap:0;justify-content:space-between;padding:0 20px}.clean-toggle{display:block}.clean-brand img{width:50px;height:50px}.clean-links{display:none;width:100%;align-items:stretch;padding:5px 0 18px;gap:0;max-height:calc(100dvh - 80px);overflow:auto}.clean-links.open{display:flex;flex-direction:column}.clean-links>a,.services-toggle{display:block;padding:10px 6px;font-size:17px;text-align:left;width:100%;}.clean-submenu{position:static;box-shadow:none;min-width:0;border:0;border-left:2px solid #e4bc34;border-radius:0;margin:0 6px 8px;padding:3px 8px;background:#f0f5f9}.clean-submenu a{font-size:15px;padding:10px}.clean-brand>span{font-size:17px}}


.clean-nav-inner{min-height:76px;transition:min-height .3s ease}.clean-brand img{transition:width .3s ease,height .3s ease}.clean-brand>span{font-size:18px;white-space:nowrap}.clean-brand small{font-size:10px;letter-spacing:0;font-weight:400;line-height:1.4;margin-top:5px;color:#586b7b}.services-toggle{display:inline-flex;align-items:center;gap:7px}.services-chevron{display:block;flex:0 0 16px;transition:transform .2s ease;pointer-events:none}.services-toggle[aria-expanded="true"] .services-chevron{transform:rotate(180deg)}.clean-submenu[hidden]{display:none!important}.clean-nav.compact .clean-nav-inner{min-height:60px}.clean-nav.compact .clean-brand img{width:42px;height:42px}.clean-nav.compact .clean-links>a,.clean-nav.compact .services-toggle{padding-top:14px;padding-bottom:14px}
@media(min-width:901px) and (max-width:1150px){.clean-links{gap:16px}.clean-brand>span{font-size:16px}.clean-nav-inner{gap:16px;padding:0 20px}.clean-links>a,.services-toggle{font-size:15px}}
@media(max-width:900px){.clean-nav-inner{min-height:76px}.clean-nav.compact .clean-nav-inner{min-height:60px}.clean-brand>span{font-size:16px}.clean-brand small{font-size:9px}.services-toggle{display:flex;justify-content:space-between}.clean-nav.compact .clean-links>a,.clean-nav.compact .services-toggle{padding:10px 6px}.clean-brand{gap:8px}}
@media(max-width:380px){.clean-nav-inner{padding:0 12px}.clean-brand img{width:42px;height:42px}.clean-brand>span{font-size:14px}.clean-brand small{font-size:8px}.clean-toggle{min-width:40px;padding:8px}.clean-nav.compact .clean-brand img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.clean-nav-inner,.clean-brand img,.services-chevron{transition:none}}
/* Shared visual language for every public page. */
.solar-site{--solar-ink:#102d44;--solar-muted:#607586;--solar-line:#dfe7ed;--solar-gold:#f3cb35;color:#153950;background:#fff;font-family:Lato,Arial,sans-serif}
.solar-site .clean-nav{font-family:Lato,Arial,sans-serif}.solar-site .clean-links [aria-current],.solar-site .services-toggle.is-current{color:#174f77;font-weight:700}
.solar-site .clean-submenu a[aria-current]{background:#edf3f7}
.solar-site .project-hero,.solar-site .question-hero,.solar-site .page-hero,.solar-site .projekt-hero{background:#102d44;color:#fff}
.solar-site .project-hero-grid{padding-top:56px;padding-bottom:56px;gap:56px}
.solar-site .project-hero h1,.solar-site .question-hero h1,.solar-site .page-hero h1,.solar-site .projekt-hero h1{color:#fff;font-size:clamp(34px,3.8vw,52px);font-weight:800;letter-spacing:-1.3px;line-height:1.12}
.solar-site .project-hero h1 em,.solar-site .question-hero h1 em{color:#f3cb35}
.solar-site .project-hero-copy>p:not(.project-eyebrow),.solar-site .question-hero .intro{color:#c8d8e3;font-size:16px;line-height:1.8}
.solar-site .project-hero .project-eyebrow,.solar-site .question-hero .project-eyebrow{color:#bed1df;font-size:10px;letter-spacing:1.8px}
.solar-site .project-hero-visual{padding:0 0 20px}.solar-site .project-hero-visual:before{display:none}
.solar-site .project-hero-visual img{height:310px;border-radius:12px;box-shadow:none}
.solar-site .project-visual-caption{right:18px;bottom:0;border:1px solid #dce5ec;border-radius:7px;box-shadow:0 8px 18px #00000010;font-size:12px;padding:10px 13px}
.solar-site .project-button{border-radius:6px;font-size:13px;min-height:46px;padding:12px 18px}
.solar-site .project-button-primary{background:#f3cb35;border:1px solid #f3cb35;color:#153950}
.solar-site .project-button-secondary{background:#ffffff0a;border:1px solid #ffffff55;color:#fff}
.solar-site .project-button-secondary:hover{background:#ffffff20}
.solar-site .project-process{padding:54px 0}.solar-site .project-systems{padding:50px 0;background:#f3f6f8;border-block:1px solid #e5ebef}
.solar-site main h2{color:#153950;font-size:clamp(27px,2.7vw,36px);font-weight:800;letter-spacing:-.8px}
.solar-site .project-section-label{font-size:10px;letter-spacing:1.8px;color:#607586;margin-bottom:13px}
.solar-site .project-step{background:#fff;border:1px solid #dfe7ed;border-radius:9px;min-height:0;padding:25px}
.solar-site .project-step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f4f7f9;border-radius:7px;color:#4c6d85;font-size:12px}
.solar-site .project-step h3{font-size:19px}.solar-site .project-step p{font-size:14px;line-height:1.8;color:#607586}
.solar-site .project-systems-grid{gap:40px}.solar-site .project-system-list li{box-shadow:none;border:1px solid #e1e8ed;border-radius:8px;font-size:14px;padding:17px}
.solar-site .project-system-list i{color:#8c721f}
.solar-site .project-cta{padding:38px 0 52px}
.solar-site .project-cta-inner,.site-cta-panel{border:1px solid #dce5ec;border-left:3px solid #e6be31;background:#f1f5f8;border-radius:9px;padding:28px 30px;box-shadow:none;color:#153950}
.solar-site .project-cta h2{color:#153950!important;font-size:27px!important;letter-spacing:-.5px}
.solar-site .project-cta .project-section-label{color:#607586}.solar-site .project-cta p:last-child{color:#607586;font-size:14px;line-height:1.75}
.site-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-cta-panel>div{max-width:710px}.site-cta-panel .project-button{flex-shrink:0;text-decoration:none;font-weight:700}
.solar-site .equipment-catalog{padding:54px 0;background:#f4f7f9}
.solar-site .equipment-intro{margin-bottom:32px}.solar-site .equipment-card{border-radius:9px;box-shadow:none;border-color:#dfe7ed}.solar-site .equipment-card:hover{box-shadow:0 5px 18px #102d4410}
.solar-site .equipment-category+.equipment-category{margin-top:35px;padding-top:32px}.solar-site .equipment-category-heading h3{font-size:24px}.solar-site .equipment-card-bottom{font-size:14px}
.solar-site .question-hero{padding:44px 0}.solar-site .question-hero h1{font-size:clamp(34px,3.7vw,49px)}
.solar-site .question-main{background:#f4f7f9;padding:38px 0 52px}.solar-site .question-form{box-shadow:none;border-radius:11px;border-color:#dfe7ed}
.solar-site .question-guide{background:#102d44;border-radius:10px}.solar-site .question-contact{border-radius:10px}.solar-site .question-form legend{font-size:20px}.solar-site .question-form input:not([type=radio]),.solar-site .question-form select,.solar-site .question-form textarea{background:#f8fafb;border-color:#d6e2ea;border-radius:6px}
.solar-site .page-hero{text-align:left;padding:48px max(20px,calc((100% - 1296px)/2))}.solar-site .page-hero p{margin:0;color:#c8d8e3;font-size:16px;max-width:680px;line-height:1.75}
.solar-site .page-hero .page-hero-label{font-size:10px;letter-spacing:2px;margin-bottom:16px;color:#bed1df;text-transform:uppercase}
.solar-site .page-hero h1{margin-bottom:15px}.solar-site .projekt-hero{padding:44px 0}.solar-site .projekt-hero h1{font-size:clamp(30px,3.5vw,46px)}
.solar-site .breadcrumb-bar{background:#f3f6f8;border-color:#e3eaf0}.solar-site .breadcrumb-bar>.container{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.solar-site .project-card{border:1px solid #e0e7ed;border-radius:10px;box-shadow:none;background:#fff}.solar-site .project-card:hover{box-shadow:0 8px 20px #102d4410;transform:translateY(-3px)}
.solar-site .project-card .thumb{height:235px}.solar-site .project-card .naslov{font-size:19px;color:#153950;font-weight:800}.solar-site .project-card .lokacija{color:#607586;font-size:12px}
.solar-site .spec-badge{border-radius:5px;background:#edf3f7;color:#284d67}.solar-site .spec-item{background:#f3f6f8;border:1px solid #e2e9ee;border-radius:8px}.solar-site .spec-item .value{color:#153950;overflow-wrap:anywhere}
.solar-site .gallery-item{border:1px solid #e0e7ed;border-radius:10px}.solar-site .card.shadow-sm{box-shadow:none!important;border:1px solid #e0e7ed!important;border-radius:11px}
.solar-site .site-footer{background:#0b2539!important;border-top:0!important}
.solar-site .site-footer>.container{padding-top:38px!important;padding-bottom:32px!important}
.solar-site .site-footer .text-center{background:#091f30!important;border-top:1px solid #ffffff14;color:#9eb3c3!important;font-size:12px}
.solar-site .content-page{padding-top:38px;padding-bottom:42px;line-height:1.85;color:#52697b}.solar-site .content-page h4{font-size:23px;color:#153950;font-weight:800;margin:24px 0 16px}
.solar-site .content-page .table{background:#fff;font-size:14px}.solar-site .content-page .table th{color:#153950;background:#edf3f7}.solar-site .content-page .table td{padding:14px}
.solar-site button:disabled{opacity:.65;cursor:wait}.project-photo-placeholder{height:100%;display:grid;place-items:center;color:#c1d2df;background:#1e405b}
@media(max-width:991px){.solar-site .project-hero-grid{gap:30px;padding-top:40px;padding-bottom:40px}.solar-site .project-hero-visual{max-width:700px}}
@media(max-width:767px){.solar-site .project-hero-grid{padding-top:34px;padding-bottom:34px}.solar-site .project-hero h1{font-size:37px}.solar-site .project-hero-visual img{height:240px}.solar-site .project-process,.solar-site .project-systems,.solar-site .equipment-catalog{padding:38px 0}.solar-site .project-systems-grid{gap:24px}.solar-site .project-step{padding:22px}.solar-site .project-cta-inner,.site-cta-panel{flex-direction:column;align-items:flex-start;padding:24px 22px;gap:20px}.solar-site .project-cta h2{font-size:25px!important}.solar-site .project-cta{padding:30px 0 40px}.solar-site .page-hero{padding:34px 20px}.solar-site .question-hero{padding:34px 0}.solar-site .question-main{padding:28px 0 40px}.solar-site .projekt-hero{padding:34px 0}}
@media(prefers-reduced-motion:reduce){.solar-site .project-card,.solar-site .equipment-card{transition:none}}
@media(max-width:767px){.solar-site .container.my-5>.row.g-5{--bs-gutter-x:1.5rem;--bs-gutter-y:2rem}}
.solar-site .question-guide .project-section-label{color:#bed1df}
/* Header adapts to the section visible beneath it. */
.solar-site .clean-nav{background:rgba(255,255,255,.94);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(14px) saturate(155%);-webkit-backdrop-filter:blur(14px) saturate(155%)}
.solar-site .clean-nav.compact{background:rgba(255,255,255,.82)}
.solar-site .clean-nav.nav-on-dark:not(.menu-open){background:rgba(7,25,41,.24);border-bottom-color:#ffffff28;box-shadow:0 8px 24px #071d3014}
.solar-site .clean-nav.nav-on-dark:not(.menu-open) .clean-brand,.solar-site .clean-nav.nav-on-dark:not(.menu-open) .clean-links>a,.solar-site .clean-nav.nav-on-dark:not(.menu-open) .services-toggle{color:#fff}
.solar-site .clean-nav.nav-on-dark:not(.menu-open) .clean-brand small{color:#d3e0e9}
.solar-site .clean-nav.nav-on-dark:not(.menu-open) .clean-brand img{background:#fff;border-radius:50%;padding:2px}
.solar-site .clean-nav.nav-on-dark:not(.menu-open) .clean-links>a:hover,.solar-site .clean-nav.nav-on-dark:not(.menu-open) .services-toggle:hover{color:#f3cb35}
.solar-site .clean-nav.nav-on-dark:not(.menu-open) .clean-toggle{background:#ffffff15;border-color:#ffffff45}
.solar-site .clean-nav.nav-on-dark:not(.menu-open) .clean-toggle span{background:#fff}
.solar-site .clean-nav.menu-open{background:rgba(255,255,255,.98)}
.solar-site .clean-nav .clean-submenu a{color:#30343a}.solar-site .clean-nav .clean-submenu a:hover{color:#174f77}
@media(prefers-reduced-motion:reduce){.solar-site .clean-nav{transition:none}}
/* Keep document geometry stable while the visible header contracts. */
.site-nav-slot{position:sticky;top:0;height:77px;z-index:1040;overflow:visible}
.solar-site .site-nav-slot>.clean-nav{position:absolute;inset:0 0 auto;width:100%}