@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f7f3ec;--surface:#fff;--ink:#171411;--muted:#6f675d;--primary:#c58b32;--accent:#2f6f63;--dark:#11100f;--line:#e7ded1;--soft:#f4eadc;--shadow:0 24px 80px rgba(35,25,14,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#111;color:#fff;font-size:13px;font-weight:800}.topbar-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-header{position:sticky;top:0;left:0;width:100%;z-index:999;background:#2f2c29;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 12px 35px rgba(0,0,0,.18)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;color:#fff;font-weight:950}.brand-logo{width:58px;height:58px;border-radius:18px;object-fit:contain;background:#fff;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.25)}.brand-text{display:flex;flex-direction:column;font-size:24px;line-height:1}.brand small{font-size:11px;color:rgba(255,255,255,.75);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.nav{display:flex;gap:16px;align-items:center;font-size:13px;font-weight:850;color:#fff;white-space:nowrap}.nav a{padding:10px 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--primary);border-radius:99px;transform:scaleX(0);transform-origin:left;transition:.25s}.nav a.active:after,.nav a:hover:after{transform:scaleX(1)}.call-btn,.btn,.floating-call{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),#8b6223);color:#fff;font-weight:950;padding:15px 22px;box-shadow:0 18px 42px rgba(197,139,50,.28);white-space:nowrap;cursor:pointer}.btn.secondary,.btn.light{background:#fff;color:#171411;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.08)}.mobile-toggle{display:none}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:170px 0 90px;overflow:hidden;background:#111}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.hero-fallback{position:absolute;inset:0;background:url('assets/img/podovi-riblja-kost-01.webp') center/cover no-repeat;opacity:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.45),rgba(0,0,0,.72)),radial-gradient(circle at 70% 35%,rgba(197,139,50,.22),transparent 35%)}.hero-inner{position:relative;z-index:2;color:#fff}.hero-copy{max-width:880px}.eyebrow,.section-kicker{display:inline-flex;padding:10px 15px;border-radius:999px;border:1px solid rgba(197,139,50,.38);background:rgba(197,139,50,.13);color:#e0b86c;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:950}h1{font-size:clamp(42px,6.5vw,86px);line-height:.94;letter-spacing:-.07em;margin:24px 0 22px}h2{font-size:clamp(31px,4vw,58px);line-height:1;letter-spacing:-.055em;margin:0 0 18px}h3{font-size:23px;margin:12px 0}p{font-size:18px;line-height:1.7;color:var(--muted)}.hero p{max-width:780px;color:rgba(255,255,255,.92);font-size:clamp(18px,2vw,24px);line-height:1.48}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-note{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap}.hero-note span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:999px;padding:11px 14px;font-weight:850}.hero .btn.secondary{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.65)}section{padding:88px 0}.intro-grid,.split,.band-grid,.page-hero-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.intro-card,.quote-card,.contact-card,.contact-form,.feature-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:40px;box-shadow:var(--shadow)}.intro-card strong{display:block;font-size:48px;letter-spacing:-.06em}.intro-card span{font-size:24px;font-weight:950;color:var(--primary)}.soft{background:linear-gradient(135deg,var(--soft),#fff)}.section-head{max-width:780px}.section-head.center{text-align:center;margin:0 auto 42px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.services-grid article{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow);min-height:292px;transition:.25s}.services-grid article:hover{transform:translateY(-6px)}.services-grid b{width:46px;height:46px;border-radius:15px;background:#171411;color:#fff;display:grid;place-items:center}.image-collage{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-collage img{width:100%;height:300px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.image-collage img:first-child{grid-row:span 2;height:616px}.check-list{display:grid;gap:12px;margin-top:26px}.check-list div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;font-weight:900}.dark-band{background:#151413;color:#fff}.dark-band p{color:#d9d2c7}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.numbers div{border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:24px;background:rgba(255,255,255,.06)}.numbers strong{font-size:44px;display:block}.numbers span{color:#ded6c8;font-weight:800}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.gallery-grid a{overflow:hidden;border-radius:26px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.gallery-grid img{width:100%;height:290px;object-fit:cover;transition:.35s}.gallery-grid a:hover img{transform:scale(1.05)}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px}.before-after img{width:100%;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line)}.cta-section{padding:70px 0}.cta-card{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,#171411,#3d2d1a);border-radius:36px;padding:46px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-card p{color:#efe8dc}.page-hero{padding:90px 0 80px;background:linear-gradient(135deg,#fff,var(--soft))}.page-hero-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.page-title{padding:90px 0 70px;text-align:center;background:linear-gradient(135deg,#fff,var(--soft))}.process-list,.timeline{display:grid;gap:16px}.process-list div,.timeline div,.faq-grid div,.service-row div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.process-list div{display:grid;grid-template-columns:auto 1fr;gap:6px 14px}.process-list b{grid-row:1/3;background:var(--primary);color:#fff;width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.process-list span{color:var(--muted)}.timeline{grid-template-columns:repeat(4,1fr)}.timeline b{font-size:34px;color:var(--primary)}.faq-grid,.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services-detailed{display:grid;gap:24px}.services-detailed article{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:20px;box-shadow:var(--shadow)}.services-detailed img{width:100%;height:340px;object-fit:cover;border-radius:26px}.contact-card a{font-weight:950;color:var(--primary)}.contact-note{margin-top:20px;background:var(--soft);border-radius:20px;padding:18px;display:grid;gap:6px}.contact-form{display:grid;gap:14px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:18px;padding:17px 18px;font:inherit;background:#fff}textarea{min-height:160px;resize:vertical}.notice{padding:14px 16px;border-radius:16px;font-weight:850;margin-bottom:16px}.notice.success{background:#e9fff2;color:#0c6b36}.notice.error{background:#fff0f0;color:#9b1c1c}.map-box{overflow:hidden;border-radius:24px;border:1px solid var(--line);margin-top:18px}.map-box iframe{width:100%;height:260px;border:0;display:block}.footer{background:#111;color:#fff;padding:64px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer p,.copyright{color:#cbd0d6;font-size:15px}.footer a{display:block;color:#fff;margin:10px 0}.footer .brand-logo{width:50px;height:50px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:40px}.copyright a{display:inline;font-weight:900}.floating-call{position:fixed;right:24px;bottom:24px;width:62px;height:62px;border-radius:50%;padding:0;z-index:60}.phone-icon{width:30px;height:30px;fill:#fff}
@media(max-width:1120px){.nav{gap:10px;font-size:12px}.brand-text{font-size:20px}.call-btn{padding:13px 17px}}@media(max-width:1050px){.services-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr 1fr}.topbar{display:none}}
@media(max-width:960px){.container{width:min(100% - 28px,1180px)}.header-inner{height:auto;min-height:72px;display:grid;grid-template-columns:1fr auto;padding:12px 0}.call-btn{display:none}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);cursor:pointer}.mobile-toggle span,.mobile-toggle span:before,.mobile-toggle span:after{width:22px;height:2px;background:#fff;border-radius:99px;display:block;position:relative;content:""}.mobile-toggle span:before,.mobile-toggle span:after{position:absolute;left:0}.mobile-toggle span:before{top:-7px}.mobile-toggle span:after{top:7px}.nav{display:none}body.menu-open .nav{display:flex;position:absolute;top:76px;left:14px;right:14px;flex-direction:column;background:#171717;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:12px;box-shadow:0 28px 80px rgba(0,0,0,.22)}body.menu-open .nav a{padding:14px 16px;border-radius:16px}.intro-grid,.split,.band-grid,.page-hero-grid,.contact-grid,.services-detailed article{grid-template-columns:1fr;gap:32px}.hero,.page-hero,section{padding:58px 0}.hero{min-height:100svh;padding-top:130px}.page-title{padding:118px 0 55px}.numbers,.faq-grid,.service-row,.before-after{grid-template-columns:1fr}.image-collage img:first-child{grid-row:auto;height:300px}.cta-card{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){h1{font-size:42px}.brand-logo{width:46px;height:46px}.brand-text{font-size:18px}.hero-actions .btn{width:100%;max-width:320px}.services-grid,.gallery-grid,.timeline{grid-template-columns:1fr}.intro-card,.quote-card,.contact-card,.contact-form,.feature-card{padding:24px}.gallery-grid img,.services-detailed img,.image-collage img,.image-collage img:first-child{height:auto}.floating-call{right:16px;bottom:16px;width:56px;height:56px}}

.page-video{width:100%;aspect-ratio:16/10;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#111}.page-video video{width:100%;height:100%;object-fit:cover;display:block}.seo-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.seo-tags span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:850;color:#5d5549}.mini-services{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.mini-services div{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.mini-services h3{font-size:19px;margin:0 0 8px}@media(max-width:760px){.mini-services{grid-template-columns:1fr}.page-video{aspect-ratio:4/3}}


/* Sitne animacije i življi utisak sajta */
@keyframes immoFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes immoSoftZoom{from{transform:scale(1.04)}to{transform:scale(1)}}
@keyframes immoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-fallback{animation:immoSoftZoom 1.4s ease-out both}
.hero-copy,.page-hero-grid>div,.page-title .container{animation:immoFadeUp .85s ease-out both}
.page-hero-grid img,.page-video,.image-collage,.before-after,.intro-card,.quote-card,.feature-card{animation:immoFadeUp 1s ease-out .12s both}
.services-grid article,.services-detailed article,.gallery-grid a,.timeline div,.process-list div,.faq-grid div,.service-row div{animation:immoFadeUp .8s ease-out both}
.services-grid article:nth-child(2),.gallery-grid a:nth-child(2),.timeline div:nth-child(2),.process-list div:nth-child(2){animation-delay:.08s}
.services-grid article:nth-child(3),.gallery-grid a:nth-child(3),.timeline div:nth-child(3),.process-list div:nth-child(3){animation-delay:.16s}
.services-grid article:nth-child(4),.gallery-grid a:nth-child(4),.timeline div:nth-child(4),.process-list div:nth-child(4){animation-delay:.24s}
.btn,.call-btn,.floating-call{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.btn:hover,.call-btn:hover,.floating-call:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 22px 54px rgba(197,139,50,.34)}
.brand-logo{transition:transform .25s ease}.brand:hover .brand-logo{transform:rotate(-2deg) scale(1.03)}
.page-video video{background:url('assets/img/podovi-riblja-kost-03.webp') center/cover no-repeat}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Dodatne animacije za življi sajt */
@keyframes immoSlideLeft{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:translateX(0)}}
@keyframes immoSlideRight{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
@keyframes immoPulseGlow{0%,100%{box-shadow:0 18px 42px rgba(197,139,50,.28)}50%{box-shadow:0 22px 64px rgba(197,139,50,.48)}}
@keyframes immoShine{0%{transform:translateX(-130%) rotate(18deg)}100%{transform:translateX(150%) rotate(18deg)}}
.hero-copy h1,.page-title h1,.page-hero h1{animation:immoSlideLeft .9s cubic-bezier(.2,.8,.2,1) both}.hero-copy p,.page-hero p,.page-title p{animation:immoFadeUp .9s ease .12s both}.hero-actions,.seo-tags,.hero-note{animation:immoFadeUp .9s ease .22s both}.section-head h2,.split h2,.dark-band h2,.cta-card h2{animation:immoFadeUp .85s ease both}.services-grid article,.services-detailed article,.gallery-grid a,.timeline div,.process-list div,.faq-grid div,.service-row div,.mini-services div,.numbers div,.check-list div{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.services-grid article:hover,.services-detailed article:hover,.timeline div:hover,.process-list div:hover,.faq-grid div:hover,.service-row div:hover,.mini-services div:hover,.numbers div:hover,.check-list div:hover{transform:translateY(-8px);box-shadow:0 32px 90px rgba(35,25,14,.17);border-color:rgba(197,139,50,.45)}.gallery-grid a:hover{transform:translateY(-7px);box-shadow:0 32px 90px rgba(35,25,14,.18)}.btn.primary,.call-btn{animation:immoPulseGlow 3.2s ease-in-out infinite}.cta-card,.quote-card,.intro-card,.contact-card,.contact-form{position:relative;overflow:hidden}.cta-card:before,.quote-card:before,.intro-card:before,.contact-card:before{content:"";position:absolute;top:-40%;bottom:-40%;width:90px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);left:0;opacity:.55;animation:immoShine 5.5s ease-in-out infinite;pointer-events:none}.animate-item{opacity:0;transform:translateY(34px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}.animate-item.animate-in{opacity:1;transform:translateY(0)}.animate-item:nth-child(2n){transition-delay:.08s}.animate-item:nth-child(3n){transition-delay:.14s}
.renovation-video-hero .page-hero-grid{grid-template-columns:.78fr 1.22fr;gap:42px}.renovation-video-hero .page-video{aspect-ratio:16/9;min-height:520px;border-radius:38px;transform:scale(1.04);animation:immoSlideRight .95s cubic-bezier(.2,.8,.2,1) .12s both}.renovation-video-hero .page-video video{object-fit:cover}
@media(max-width:960px){.renovation-video-hero .page-hero-grid{grid-template-columns:1fr}.renovation-video-hero .page-video{min-height:360px;transform:none}}
@media(max-width:560px){.renovation-video-hero .page-video{min-height:260px}}