:root{--blue:#073b78;--navy:#05294f;--bright:#0798e3;--ink:#152438;--muted:#66758a;--line:#e4eaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(20px,5vw,85px);gap:30px;position:sticky;top:0;background:#fffffffa;box-shadow:0 3px 22px #001b3514;z-index:10}.brand{display:flex;flex-direction:column;min-width:220px;line-height:1}.brand-name{font-size:51px;letter-spacing:-4px;font-weight:1000;font-style:italic;background:linear-gradient(160deg,#b8cde6 3%,#125eb5 32%,#06316e 62%,#9ab7d5 92%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(2px 3px 1px #72859a)}.doo{font-size:21px;letter-spacing:-1px}.since{font-size:12px;letter-spacing:6px;font-weight:800;color:var(--blue);border-top:2px solid var(--blue);padding:7px 8px 0;margin-top:6px;text-align:center}nav{display:flex;align-items:center;gap:clamp(12px,2vw,32px);font-size:14px;font-weight:700}nav a:hover{color:var(--bright)}.nav-cta,.btn{background:var(--blue);color:white;border-radius:7px;padding:16px 20px;border:0;font-weight:700;cursor:pointer;display:inline-block}.nav-cta:hover,.btn:hover{background:#0759ae;color:#fff}.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--blue)}.hero{display:grid;grid-template-columns:42% 58%;min-height:510px;background:var(--navy)}.hero-copy{padding:clamp(35px,5vw,85px);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#063466,#05284c)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#a8d5fa}.eyebrow.blue{color:#0863ae}.hero h1{font-size:clamp(34px,3.6vw,60px);line-height:1.07;letter-spacing:-2px;margin:18px 0}.hero p{font-size:18px;line-height:1.6;max-width:520px}.btn.light{background:white;color:var(--blue);margin-top:15px}.hero-photo{background:linear-gradient(90deg,#05294f22,#05294f00),url('assets/hero-klupa.webp') center/cover;min-height:380px}.section{padding:76px clamp(20px,5vw,85px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head p{max-width:450px;color:var(--muted);line-height:1.6}h2{font-size:clamp(28px,3vw,43px);margin:10px 0}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #072e4d0d;transition:transform .2s}.product:hover{transform:translateY(-4px)}.product-photo{height:190px;background:linear-gradient(135deg,#dce6ef,#9eafbf);display:flex;align-items:center;justify-content:center;font-size:70px}.product-text{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:750}.arrow{color:#0076cb;font-size:24px}.services{padding:70px clamp(20px,5vw,85px);background:#062f5b;color:white}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefits>div{font-size:28px}.benefits strong{display:block;font-size:17px;margin-top:15px}.benefits p{font-size:14px;color:#c4d6e7;line-height:1.5}.about{max-width:900px}.about p{line-height:1.8;color:var(--muted);font-size:18px}.contact{background:#f3f7fb;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact p{color:var(--muted);line-height:1.7}.contact form{background:white;padding:30px;border-radius:14px;box-shadow:0 8px 30px #06294a12}.contact label{display:block;font-weight:700;font-size:14px;margin-bottom:17px}.contact input,.contact textarea{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}footer{background:#041f3b;color:white;padding:45px clamp(20px,5vw,85px)}.footer-brand{font-size:26px;font-weight:900}.footer-brand span{font-size:12px;letter-spacing:2px}footer p,footer small{color:#a7bbcf}@media(max-width:1050px){.header{height:auto;min-height:86px}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr 1fr}.catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.header{padding:10px 20px}.brand{min-width:160px}.brand-name{font-size:39px}.doo{font-size:16px}.since{font-size:9px;letter-spacing:4px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 24px}.hero-photo{min-height:260px;grid-row:1}.hero h1{letter-spacing:-1px}.section{padding:55px 20px}.section-head{display:block}.catalog{grid-template-columns:1fr 1fr;gap:12px}.product-photo{height:125px;font-size:46px}.product-text{padding:12px;font-size:13px}.benefits{grid-template-columns:1fr 1fr;gap:25px}.services{padding:50px 20px}.contact{grid-template-columns:1fr;gap:20px}.contact form{padding:20px}}

.brand{min-width:205px;display:block}.brand-logo{display:block;width:clamp(165px,18vw,270px);height:auto}.product-photo{display:block;overflow:hidden;background:#e7edf3}.product-photo img{display:block;width:100%;height:100%;object-fit:cover}.product:focus-visible,.btn:focus-visible,nav a:focus-visible{outline:3px solid #0798e3;outline-offset:3px}@media(max-width:650px){.brand{min-width:150px}.brand-logo{width:180px}.product-photo{height:120px}}

/* Katalog PPZ v2 */
.product{cursor:pointer;text-align:left;background:#fff;width:100%;font:inherit;color:inherit}.product-photo{height:210px}.product-text{font-size:17px}.gallery-view{margin-top:35px}.gallery-view[hidden]{display:none}.gallery-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.gallery-top h2{margin:0}.back-button{border:1px solid #b8c7d7;background:#fff;border-radius:7px;padding:12px 16px;color:#073b78;font-weight:700;cursor:pointer}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.photo-tile{padding:0;border:0;border-radius:9px;overflow:hidden;background:#eaf0f5;cursor:zoom-in;aspect-ratio:4/3}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.photo-tile:hover img{transform:scale(1.035)}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:50px 65px;border:0;background:rgba(3,13,26,.96);color:white}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox::backdrop{background:#000c}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.lightbox button{position:absolute;z-index:2;color:white;border:0;background:#ffffff30;border-radius:8px;cursor:pointer;font-size:32px}.lightbox-close{top:12px;right:18px;padding:8px 14px}.lightbox-prev,.lightbox-next{top:48%;padding:7px 13px}.lightbox-prev{left:10px}.lightbox-next{right:10px}@media(max-width:900px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-photo{height:130px}.product-text{font-size:13px}.lightbox{padding:55px 40px}}

/* PPZ V3 */
.header{min-height:112px;height:auto;padding-top:10px;padding-bottom:10px}
.brand{min-width:0;flex-shrink:0}
.brand-logo{width:clamp(220px,23vw,335px);max-height:96px;object-fit:contain;object-position:left center}
.catalog[hidden]{display:none!important}
.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.product-photo{height:auto;aspect-ratio:4/3}
.product-text{padding:18px 20px;font-size:19px}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.photo-tile{aspect-ratio:4/3}
.about{max-width:none}
.about>p{max-width:850px}
.references{margin-top:48px}
.references h3{font-size:clamp(25px,2.5vw,35px);margin-bottom:8px}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}
.reference-card{border:1px solid var(--line);border-radius:14px;padding:26px;background:#f7fafd}
.reference-card h4{font-size:22px;color:var(--blue);margin:0 0 18px}
.reference-card strong{display:block;margin-top:14px}
.reference-card p{font-size:15px;line-height:1.75;margin:7px 0 12px}
.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:25px 0}
.contact-details a{color:#0755a0;font-weight:700}
.contact-details p{margin:0}
.contact-map{width:100%;height:290px;border:0;border-radius:12px;background:#dce6ef}
.gallery-view{scroll-margin-top:125px}
@media(max-width:1050px){.brand-logo{width:clamp(210px,30vw,290px)}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.header{min-height:85px}.brand-logo{width:205px;max-height:72px}.catalog{grid-template-columns:1fr;gap:18px}.product-photo{aspect-ratio:4/3}.product-text{font-size:18px;padding:16px 18px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-grid{grid-template-columns:1fr}.reference-card{padding:20px}.contact-map{height:240px}.gallery-view{scroll-margin-top:95px}}

/* V4 — rotirajuća naslovna galerija */
.hero-slideshow{position:relative;overflow:hidden;background:#153c5e;isolation:isolate}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}
.hero-slide.active{opacity:1}
.hero-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:48px;border:0;border-radius:8px;background:#06294f9c;color:#fff;font-size:38px;cursor:pointer;display:grid;place-items:center}
.hero-control:hover,.hero-control:focus-visible{background:#063d76}
.hero-prev{left:12px}.hero-next{right:12px}
.hero-indicator{position:absolute;right:15px;bottom:15px;z-index:2;background:#06294faa;color:#fff;border-radius:25px;padding:7px 13px;font-size:13px;font-weight:700}
@media(max-width:650px){.hero-slideshow{min-height:280px}.hero-control{width:35px;height:42px;font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* V5: automatski slideshow bez JS-a i bez kontrola */
.hero-slideshow{background:#153c5e!important}
.hero-slides{position:absolute;inset:0;overflow:hidden}
.hero-slide{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:ppzRotate 40s linear infinite!important;transition:none!important}
.hero-slide:nth-child(1){animation-delay:0s!important}
.hero-slide:nth-child(2){animation-delay:5s!important}
.hero-slide:nth-child(3){animation-delay:10s!important}
.hero-slide:nth-child(4){animation-delay:15s!important}
.hero-slide:nth-child(5){animation-delay:20s!important}
.hero-slide:nth-child(6){animation-delay:25s!important}
.hero-slide:nth-child(7){animation-delay:30s!important}
.hero-slide:nth-child(8){animation-delay:35s!important}
.hero-slide.active{opacity:0}
@keyframes ppzRotate{0%{opacity:0}1%{opacity:1}11.5%{opacity:1}12.5%{opacity:0}100%{opacity:0}}
.hero-control,.hero-indicator{display:none!important}

/* V6: početna fotografija odmah vidljiva, ostale u razmacima od 5 s */
.hero-slide:nth-child(1){animation-delay:-40s!important}
.hero-slide:nth-child(2){animation-delay:-35s!important}
.hero-slide:nth-child(3){animation-delay:-30s!important}
.hero-slide:nth-child(4){animation-delay:-25s!important}
.hero-slide:nth-child(5){animation-delay:-20s!important}
.hero-slide:nth-child(6){animation-delay:-15s!important}
.hero-slide:nth-child(7){animation-delay:-10s!important}
.hero-slide:nth-child(8){animation-delay:-5s!important}