:root{--red:#921616;--red2:#b52222;--white:#fff;--muted:#d8d7d7;--black:#000;--header-h:82px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{margin:0;background:#000;color:#fff;font-family:Lato,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit}img{max-width:100%;height:auto;display:block}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header-h);background:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.62),transparent);transition:.25s ease}.site-header.scrolled{background:rgba(0,0,0,.94);box-shadow:0 8px 30px rgba(0,0,0,.35)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:78px}.nav{display:flex;align-items:center;gap:42px}.nav a{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;position:relative;padding:9px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--red);transition:.3s}.nav a:hover:after,.nav a.active:after{right:0}.lang{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);padding:5px 9px!important;min-width:39px}.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);color:#fff;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:22px;height:2px;background:#fff;margin:5px auto;transition:.25s}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;position:relative;background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.65)),url('/images/nova-steel-doo-limovi-u-rolni-2-grey-2048x1365.webp') center/cover fixed;border-bottom:10px solid #fff}.hero-content{padding:130px 24px 80px}.hero-icon{width:190px;margin:0 auto 14px;filter:drop-shadow(0 12px 30px #000)}.hero-wordmark{width:min(480px,85vw);margin:0 auto 30px}.hero-line{width:160px;height:8px;background:var(--red);margin:0 auto 25px}.rotator{font-size:clamp(22px,2.2vw,34px);font-weight:700;min-height:1.7em;margin:0 0 36px}.button-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;border:2px solid #fff;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.08em;background:transparent;color:#fff;cursor:pointer;transition:.25s}.btn-primary{background:var(--red);border-color:var(--red)}.btn:hover{background:#999;border-color:#999;transform:translateY(-2px)}.section{position:relative;border-bottom:10px solid #fff}.about{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.5),rgba(0,0,0,.88)),url('/images/nova-steel-doo-trgovina-grey-2048x1365.webp') center/cover}.section-inner{min-height:570px;display:flex;align-items:center}.content-block{max-width:720px;padding:105px 0}.metal-title{margin:0;font-size:clamp(46px,7vw,82px);line-height:1;text-transform:uppercase;font-weight:900;letter-spacing:-.04em;background:linear-gradient(#fff 35%,#555);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 18px rgba(255,255,255,.05)}.title-rule{width:150px;height:6px;background:var(--red);margin:24px 0 30px}.content-block p{font-size:17px;color:#f1f1f1;max-width:710px}.trade-intro{background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.78)),url('/images/nova-steel-doo-profili.webp') center/cover fixed}.trade-intro .section-inner{min-height:390px}.product{min-height:600px;display:flex;align-items:center;background-position:center;background-size:cover}.product .container{display:grid;grid-template-columns:1fr 1fr;align-items:center}.product.right .product-copy{grid-column:2}.product-copy{max-width:520px;padding:70px 0}.product h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.1;text-transform:uppercase;font-weight:900;letter-spacing:-.03em}.small-rule{width:100px;height:3px;background:var(--red);margin:20px 0 25px}.specs{list-style:none;margin:0;padding:0}.specs li{margin:11px 0;font-size:17px}.specs li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:11px;border:2px solid var(--red);border-radius:50%;color:var(--red);font-size:11px;font-weight:900}.p1{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.42),rgba(0,0,0,.9)),url('/images/nova-steel-doo-limovi-u-rolni.webp')}.p2{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.4),rgba(0,0,0,.92)),url('/images/nova-steel-doo-trgovina-slitovi.webp')}.p3{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.4),rgba(0,0,0,.92)),url('/images/nova-steel-doo-crna-metalurgija.webp')}.p4{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.4),rgba(0,0,0,.92)),url('/images/nova-steel-doo-celik.webp')}.footer{background:linear-gradient(120deg,#101010,#2e2e2e,#111);background-size:200% 200%;animation:bgmove 8s ease infinite;padding:90px 0 34px;text-align:center}.footer-icon{width:86px;margin:0 auto 16px;animation:spin 8s linear infinite}.footer-wordmark{width:250px;margin:0 auto 40px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:70px 0 45px}.contact-item h3{margin:0 0 12px;font-size:22px;letter-spacing:.03em;background:linear-gradient(#fff 35%,#555);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-item a{text-decoration:none}.copyright{color:#aaa;font-size:13px}.modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.85)}.modal.open{display:flex}.modal-card{position:relative;width:min(720px,100%);max-height:92vh;overflow:auto;background:#101010;border:1px solid #444;padding:34px;box-shadow:0 30px 80px #000}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;margin:0 0 7px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.field input,.field textarea{width:100%;border:1px solid #555;background:#fff;color:#111;padding:13px 14px;font:inherit;border-radius:0}.field textarea{min-height:150px;resize:vertical}.form-note{color:#bbb;font-size:13px;margin-top:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bgmove{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@media(max-width:820px){:root{--header-h:68px}.container{width:min(100% - 30px,var(--container))}.brand img{width:62px}.menu-toggle{display:block}.nav{position:fixed;inset:0 0 0 auto;width:min(90vw,420px);height:100vh;padding:105px 32px 40px;background:#222;display:flex;flex-direction:column;align-items:flex-start;gap:20px;transform:translateX(105%);transition:.3s;box-shadow:-20px 0 60px #000}.nav.open{transform:none}.nav a{font-size:25px;width:100%}.hero{background-attachment:scroll}.hero-icon{width:145px}.hero-wordmark{width:330px}.section-inner{min-height:auto}.content-block{padding:90px 0}.trade-intro{background-attachment:scroll}.trade-intro .section-inner{min-height:330px}.product{min-height:560px;background-position:center}.product .container{grid-template-columns:1fr}.product.right .product-copy{grid-column:1}.product-copy{padding:85px 0;max-width:600px}.product.right{text-align:left}.contact-grid{grid-template-columns:1fr;gap:25px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:520px){.metal-title{font-size:45px}.hero-content{padding-top:110px}.button-row{gap:12px}.btn{width:100%;max-width:280px}.product h2{font-size:31px}.specs li{font-size:15px}.modal-card{padding:30px 20px 22px}.footer{padding-top:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero,.trade-intro{background-attachment:scroll}}

/* Enhanced interaction and motion */
.nav a{transition:color .25s ease}
.nav a:hover,.nav a:focus-visible{color:#ddd}
.lang{padding:5px 7px!important;min-width:44px;overflow:hidden}
.lang img{width:28px;height:18px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.35);transition:transform .25s ease,filter .25s ease}
.lang:hover img,.lang:focus-visible img{transform:scale(1.08);filter:brightness(1.12)}
.rotator{display:inline-flex;align-items:center;justify-content:center;min-width:min(92vw,650px)}
.rotator::after{content:"";width:2px;height:1.15em;margin-left:7px;background:#fff;animation:type-caret .8s steps(1,end) infinite}
.hero-enter{opacity:0;transform:translateY(22px);animation:hero-rise .75s cubic-bezier(.2,.7,.2,1) forwards}
.hero-wordmark{animation-delay:.12s}.hero-line{animation-delay:.22s;transform:scaleX(.2);transform-origin:center}.rotator{animation-delay:.32s}.button-row{animation-delay:.44s}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.title-rule,.small-rule{transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.2,.7,.2,1) .12s}
.reveal.is-visible .title-rule,.reveal.is-visible .small-rule{transform:scaleX(1)}
.product{overflow:hidden}
.product::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.05) 50%,transparent 65%);transform:translateX(-130%);transition:transform 1.1s ease}
.product:hover::after{transform:translateX(130%)}
.product-copy{position:relative;z-index:1}
.product-copy h2,.product-copy .specs li{transition:transform .3s ease,color .3s ease}
.product:hover .product-copy h2{transform:translateX(5px)}
.product-copy .specs li:hover{transform:translateX(6px);color:#ddd}
.footer-icon{filter:drop-shadow(0 0 0 rgba(255,255,255,0));transition:filter .35s ease}
.footer-icon:hover{filter:drop-shadow(0 0 14px rgba(255,255,255,.45))}
.btn{position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 50%,transparent 75%);transform:translateX(-140%);transition:transform .65s ease}
.btn:hover::before{transform:translateX(140%)}
@keyframes hero-rise{to{opacity:1;transform:none}}
@keyframes type-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:820px){.lang{width:auto!important;align-self:flex-start}.lang img{width:34px;height:21px}.rotator{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.hero-enter,.reveal{opacity:1!important;transform:none!important}.title-rule,.small-rule{transform:none!important}.rotator::after{animation:none}.product::after{display:none}}

/* Language switcher: flag only, without frame */
.nav .lang{border:0!important;background:transparent!important;padding:4px 0!important;min-width:0!important;width:auto!important;line-height:0;box-shadow:none!important}
.nav .lang::after{display:none!important}
.nav .lang .flag-icon{display:block;width:28px;height:18px;overflow:visible;box-shadow:none;border:0;transition:transform .25s ease,filter .25s ease}
.nav .lang:hover,.nav .lang:focus-visible{color:inherit;background:transparent}
.nav .lang:hover .flag-icon,.nav .lang:focus-visible .flag-icon{transform:scale(1.08);filter:brightness(1.1)}
@media(max-width:820px){.nav .lang{width:auto!important;align-self:flex-start;padding:4px 0!important}.nav .lang .flag-icon{width:34px;height:21px}}