:root{--navy:#041724;--panel:#061c2a;--red:#ff1636;--line:#173c50;--muted:#bdcad4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:4px}.container{width:min(1240px,calc(100% - 80px));margin:auto}.header{position:sticky;top:0;z-index:60;background:#03131ff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.headerin{height:70px;display:flex;align-items:center;gap:30px}.logo{display:inline-flex;flex:0 0 auto}.logo img{width:155px;height:auto}.nav{margin-left:auto;display:flex;gap:28px}.nav a{font-size:13px;font-weight:700;padding:26px 0;position:relative;white-space:nowrap}.nav a.active:after,.nav a:hover:after{content:'';position:absolute;bottom:14px;height:3px;background:var(--red);left:0;right:0}.actions{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 22px;border:1px solid #d3dee9;border-radius:5px;background:#041624da;font-size:13px;font-weight:700;color:#fff;cursor:pointer;line-height:1.2;transition:filter .15s}.btn.red{background:var(--red);border-color:var(--red)}.btn:hover{filter:brightness(1.14)}.actions>.btn{font-size:11px;padding:0 13px;min-height:38px}.langs{display:flex;align-items:center;gap:2px}.langs>a,.langdrop>button{color:#d8e2ea;background:none;border:0;padding:9px 5px;font-size:11px;cursor:pointer}.langs>a.current{color:var(--red);font-weight:700}.langdrop{position:relative}.langmenu{display:none;position:absolute;top:35px;right:0;width:180px;background:#071e2c;border:1px solid var(--line);border-radius:6px;padding:7px;box-shadow:0 15px 30px #0009}.langdrop.open .langmenu{display:block}.langmenu a{display:block;padding:10px;font-size:13px;border-radius:4px}.langmenu a:hover{background:#143245}.mobiletoggle{display:none;font-size:25px;line-height:1;background:none;border:0;color:white;cursor:pointer;padding:8px}.mobilemenu{display:none}.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;margin-bottom:13px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:34px;height:4px;background:var(--red);flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:56px;line-height:1.03;letter-spacing:-1.6px;margin-bottom:18px}h2{font-size:34px;line-height:1.1;letter-spacing:-.6px;margin-bottom:16px}h3{line-height:1.2}.hero,.pagehero{position:relative;isolation:isolate;background:#061927;overflow:hidden}.hero:before,.pagehero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/home-hero-border-night-approved.png') center 65%/cover no-repeat}.hero:after,.pagehero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031724cd 0%,#03172470 35%,#03172408 70%),linear-gradient(0deg,#04172460,transparent 28%)}.hero{min-height:470px;display:flex;align-items:center}.heroCopy{padding:60px 0 110px;max-width:660px}.hero h1:after{content:'.';color:var(--red)}.hero p{max-width:560px;font-size:18px;line-height:1.35;margin-bottom:24px}.heroBtns{display:flex;flex-wrap:wrap;gap:13px}.statwrap{position:relative;margin-top:-85px;z-index:3}.stats{background:#061d2bef;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;max-width:1080px}.stat{display:flex;align-items:center;gap:22px;padding:22px 32px;border-right:1px solid var(--line);min-height:86px}.stat:last-child{border:0}.stat strong{display:block;font-size:23px;line-height:1.25}.stat span:not(.iconSvg){display:block;font-size:13px;color:#d0dce6}.iconSvg{display:inline-flex;flex-shrink:0;width:36px;height:36px;color:var(--red)}.iconSvg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.section{padding:30px 0;border-bottom:1px solid var(--line)}.secHead{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:22px}.secHead h2{margin-bottom:0}.secHead p{max-width:440px;color:#d3dce3;font-size:14px;margin:0}.servicegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.servicecard{display:block;background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden;position:relative}.servicecard img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}.servicecard .body{padding:15px 18px 20px;min-height:105px;position:relative}.servicecard h3{font-size:19px;margin-bottom:7px}.servicecard p{font-size:13px;margin:0;padding-right:30px;color:#e1e8ed}.servicecard .arr{position:absolute;bottom:15px;right:13px;border:1px solid white;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:19px}.locationBand{position:relative;background:#051a29;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.locationgrid{display:grid;grid-template-columns:1fr 1.25fr;min-height:225px;align-items:center;gap:40px}.locationcopy{padding:30px 0;max-width:450px}.locationcopy p{font-size:14px;margin:0 0 15px}.locationphoto{position:absolute;inset:0;z-index:-1}.locationphoto img{width:100%;height:100%;object-fit:cover;object-position:center}.locationphoto:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041724 0%,#041724d9 27%,#04172419 68%)}.pin{position:absolute;right:10%;top:45%;border-radius:6px;background:#031724dd;padding:12px 20px;z-index:1;font-weight:700;max-width:230px}.why{padding:24px 0;border-bottom:1px solid var(--line)}.why>.container{display:grid;grid-template-columns:240px 1fr;column-gap:28px}.why>.container>.eyebrow{grid-column:1}.why h2{grid-column:1;margin-bottom:0}.whygrid{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;align-items:center}.whyitem{position:relative;padding-left:43px}.whyitem>.iconSvg{position:absolute;left:0;top:0;width:30px;height:30px}.whyitem h3{font-size:14px;margin-bottom:6px}.whyitem p{font-size:12px;color:#d3dce5;margin:0}.cta{position:relative;isolation:isolate;overflow:hidden;padding:26px 0;border-bottom:1px solid var(--line)}.cta:before{content:'';position:absolute;inset:0;background:url('/assets/cta-truck-night-approved.png') center 65%/cover no-repeat;z-index:-2}.cta:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041724cb,#04172429 70%,#04172470);z-index:-1}.ctain{display:flex;align-items:center;justify-content:space-between;gap:25px}.ctain h2{font-size:27px;margin-bottom:7px;max-width:640px}.ctain p{font-size:13px;margin:0;max-width:650px}.ctain .eyebrow{margin-bottom:7px}.ctain .heroBtns{flex:0 0 auto}.aboutstrip{padding:27px 0;background:linear-gradient(90deg,#041724fa 0%,#041724b5 50%,#04172420),url('/assets/djerdap-dam-night-approved.png') center/cover}.aboutstrip>.container{display:grid;grid-template-columns:180px 1fr 230px;align-items:center;gap:25px}.aboutstrip h2{font-size:30px;margin:0}.aboutstrip p{font-size:13px;max-width:650px;margin:0}.biglogo img{width:220px;height:auto}.footer{padding:35px 0 20px;background:#03131f}.footergrid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.1fr;gap:35px}.footer h3{font-size:14px;margin-bottom:10px}.footer p,.footer a:not(.logo){display:block;font-size:12px;line-height:1.65;color:#c9d4dc;margin-bottom:5px}.footbottom{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;font-size:11px;color:#aebdc8;gap:20px}.pagehero{min-height:380px;padding:45px 0 40px;display:flex;align-items:center}.pagehero .container>h1,.pagehero .container>p{max-width:620px}.pagehero p{font-size:19px;line-height:1.35;margin-bottom:22px}.pagehero .breadcrumb{font-size:12px;margin-bottom:22px;color:#d8e1e8}.pagehero.road:before{background-image:url('/assets/cta-truck-night-approved.png');background-position:center 60%}.pagehero.damnight:before{background-image:url('/assets/djerdap-dam-night-approved.png');background-position:center 61%}.pagehero.damnight h1{max-width:460px}.pagehero.damnight p{max-width:510px}.page-lokacija .breadcrumb,.page-kontakt .breadcrumb,.page-o-nama .breadcrumb,.page-posalji-dokumenta .breadcrumb{display:none}.page-kontakt .pagehero{padding-bottom:70px;min-height:380px}.truststrip{padding:18px 0;background:#051b29;border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.trustgrid>.feature{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:7px 18px 7px 0;display:flex;align-items:center;gap:17px}.trustgrid>.feature:last-child{border-right:0}.trustgrid h3{font-size:17px;margin-bottom:5px}.trustgrid p{font-size:13px;margin:0;color:#d0dce5}.page-usluge-uvoz-i-izvoz .trustgrid,.page-usluge-tranzit .trustgrid{grid-template-columns:repeat(3,1fr)}.overview{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.overview p{font-size:15px;margin-bottom:0;line-height:1.55;color:#e0e7ed}.overview>img{width:100%;max-height:250px;object-fit:cover;border-radius:7px}.overview>img[src$="svc-import.jpg"]{height:auto;object-fit:contain}.featuregrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.feature{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:18px}.feature>.iconSvg{margin-bottom:10px}.feature h3{font-size:16px;margin-bottom:8px}.feature p{font-size:13px;margin-bottom:0;color:#cbd7df}.principlegrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.processSection{padding:26px 0}.processIntro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:22px}.processIntro h2{margin-bottom:0}.processIntro p{max-width:470px;font-size:14px;margin:0;color:#ccd8e2}.processflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.processcard{position:relative;border:1px solid var(--line);border-radius:7px;padding:22px 20px;background:var(--panel)}.processcard:not(:last-child):after{content:'›';position:absolute;right:-20px;top:45%;font-size:25px;color:#d3e0e9}.processhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.stepnum{display:grid;place-items:center;border-radius:50%;background:var(--red);width:29px;height:29px;font-weight:700}.processcard h3{font-size:18px;margin-bottom:10px}.processcard p{color:#cbd7df;font-size:14px;margin-bottom:0}.doclist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;list-style:none;margin-bottom:15px}.doclist li{padding:18px 15px;background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:14px;display:flex;align-items:center;gap:9px}.doclist li:before{content:'▤';font-size:27px;color:var(--red);line-height:1}.locationSection{padding:16px 0;border:0}.locationpanel{display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;min-height:330px;border:1px solid var(--line);border-radius:10px;background:#061c2a}.panelcopy{padding:30px;position:relative;z-index:1}.panelcopy .eyebrow{color:var(--red)}.panelcopy h2{font-size:31px}.panelcopy p{font-size:15px;max-width:520px}.panelphoto{background:url('/assets/cta-truck-night-approved.png') 66% 65%/cover no-repeat;position:relative}.panelphoto:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061c2a 0%,#061c2a00 18%)}.detailsline{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:14px}.detailsline .iconSvg{width:24px;height:24px}.contactlinks{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:15px;font-weight:700}.officepanel .panelcopy>a{display:block;margin:10px 0;font-weight:700}.brandvisual{position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;background:#041726;overflow:hidden}.brandvisual.road{background:linear-gradient(#04172455,#04172455),url('/assets/cta-truck-night-approved.png') center/cover}.brandvisual.network{background-color:#041726;background-image:radial-gradient(ellipse at 60% 55%,#143b5544,transparent 65%),repeating-linear-gradient(30deg,transparent 0 47px,#0c334344 48px 49px,transparent 50px 90px),repeating-linear-gradient(145deg,transparent 0 77px,#0c334344 78px 79px,transparent 80px 130px)}.brandvisual>img{width:70%;max-width:360px;z-index:1}.brandvisual p{text-align:center;text-transform:uppercase;letter-spacing:3px;font-size:15px;line-height:1.6;margin:12px 0 0}.brandrule{height:3px;width:70px;background:var(--red);margin-top:15px}.officepanel .brandvisual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061c2a,transparent 18%)}.contactSection{padding-top:0;position:relative;margin-top:-24px}.contactgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.contactcard{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.contactphoto{height:200px}.contactphoto img{width:100%;height:100%;object-fit:cover;object-position:80% 65%}.contactcard>.brandvisual{height:200px;min-height:0}.contactcard>.brandvisual p,.contactcard>.brandvisual .brandrule{display:none}.contactbody{padding:23px}.contactbody>.iconSvg{float:left;margin-right:14px}.contactbody h3{font-size:25px;margin-bottom:20px;min-height:45px}.contactbody p{font-size:14px;color:#d2dce5}.contactlink{display:block;padding:12px 0;border-top:1px solid var(--line);font-size:19px;font-weight:700;overflow-wrap:anywhere}.companyids{line-height:1.8}.uploadlayout{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;padding:30px;border:1px solid var(--line);border-radius:9px;background:#061b29ee}.page-posalji-dokumenta .section:first-of-type{padding-top:0}.page-posalji-dokumenta .pagehero{min-height:350px}.uploadlayout h2{font-size:29px}.notice{padding:13px 15px;background:#0c293a;border:1px solid #3a647a;border-radius:5px;font-size:13px;line-height:1.5;margin-bottom:20px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;border:1px dashed #678ba3;border-radius:7px;gap:12px;cursor:pointer;background:#082133}.dropzone.dragover{border-color:var(--red);background:#102b3a}.dropzone>.iconSvg{width:45px;height:45px;color:white}.dropzone>span:not(.btn){font-size:12px;color:#ccdae4;max-width:360px}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.filebox{padding:13px;border:1px solid var(--line);border-radius:6px;margin-top:14px;background:#0a2232}.filehead{display:flex;justify-content:space-between;gap:15px;font-size:13px}.filehead button{border:0;background:none;color:#d5e0e9;text-decoration:underline;cursor:pointer;font-size:12px}#file-list{padding:0;list-style:none;font-size:13px;margin-bottom:0}#file-list li{padding:8px;border-radius:4px;background:#ffffff08;margin-top:7px;overflow-wrap:anywhere}#file-error{color:#ff8ea0;font-size:13px;margin:8px 0 0}#file-error:empty{display:none}.announcement{margin-top:20px}.announcement summary{cursor:pointer;padding:10px 0;font-size:14px;font-weight:700}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.field{display:grid;gap:6px;font-size:12px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-width:0;color:#fff;padding:11px;border:1px solid #416074;border-radius:4px;background:#092433}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:18px 0}.consent input{flex:0 0 auto;margin-top:3px}.asidebox{padding:0 0 0 25px;border-left:1px solid var(--line)}.asidebox p,.asidebox li{font-size:15px;color:#d2dfe8}.asidebox li{margin-bottom:13px}.success{display:none;border:1px solid #4db89b;border-radius:5px;padding:15px;margin-top:16px;background:#092b2c;font-size:14px}.success.show{display:block}.checks{padding-left:20px;color:#ccd8e2}.rootredirect{display:grid;place-items:center;min-height:100vh}.vehicletypes .featuregrid{grid-template-columns:repeat(4,1fr)}
@media(min-width:1500px){.container{width:min(1440px,calc(100% - 100px))}.hero{min-height:530px}.hero h1{font-size:62px}.heroCopy{max-width:720px}.pagehero{min-height:420px}.pagehero:before{background-position:center 65%}.servicecard h3{font-size:21px}}
@media(max-width:1150px){.container{width:calc(100% - 48px)}.headerin{gap:18px}.nav{gap:18px}.actions>.btn{padding:0 9px;font-size:10px}.logo img{width:125px}.headerin{height:65px}.nav a{font-size:12px}.langs>a,.langdrop>button{font-size:10px;padding:8px 4px}.ctain{align-items:flex-start}.ctain .heroBtns{flex:0 1 310px}.why>.container{grid-template-columns:200px 1fr}.whygrid{gap:14px}.whyitem{padding-left:0}.whyitem>.iconSvg{position:static;margin-bottom:8px}.servicecard .body{padding:12px}.principlegrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.nav,.actions>.btn{display:none}.actions{margin-left:auto}.mobiletoggle{display:block}.mobilemenu.open{display:block;border-top:1px solid var(--line)}.mobilemenu .container{padding:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.mobilemenu a{padding:8px;font-size:14px}.mlangs{grid-column:1/-1;display:flex;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;gap:5px}.mlangs a{font-size:12px}.hero h1{font-size:48px}.servicegrid{gap:12px}.servicecard h3{font-size:16px}.servicecard p{font-size:12px}.why>.container{display:block}.whygrid{margin-top:20px}.overview{gap:25px}.trustgrid{gap:10px}.trustgrid>.feature{gap:10px;padding-right:10px}.trustgrid h3{font-size:14px}.trustgrid p{font-size:12px}.processflow{gap:15px}.processcard:not(:last-child):after{right:-13px}.processcard{padding:15px}.processcard h3{font-size:16px}.processcard p{font-size:13px}.contactgrid{gap:12px}.contactbody{padding:18px}.contactbody h3{font-size:21px}.contactlink{font-size:17px}.footergrid{gap:20px}.doclist{grid-template-columns:repeat(3,1fr)}.aboutstrip>.container{grid-template-columns:160px 1fr 170px}.ctain{display:block}.ctain .heroBtns{margin-top:18px}.featuregrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{font-size:14px}.container{width:calc(100% - 32px)}.headerin{height:64px;gap:15px}.logo img{width:122px}.actions{gap:7px}.langs>a,.langdrop>button{font-size:11px;padding:8px 5px}.mobiletoggle{padding:7px}.eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:12px;gap:9px}.eyebrow:before{width:27px;height:3px}h1{font-size:37px;line-height:1.05;letter-spacing:-1px}h2{font-size:28px}.hero{min-height:420px;align-items:flex-start}.heroCopy{padding:42px 0 108px;max-width:100%}.hero h1{font-size:38px;max-width:350px}.hero p{font-size:15px;max-width:315px}.hero:before{background-position:67% 65%}.hero:after,.pagehero:after{background:linear-gradient(90deg,#031724d9,#03172499 45%,#03172440),linear-gradient(0deg,#04172470,transparent 40%)}.heroBtns{gap:9px;align-items:flex-start}.heroCopy .heroBtns{flex-direction:column}.btn{min-height:43px;padding:0 17px;font-size:12px}.statwrap{margin-top:-85px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:5px}.stat{display:block;text-align:center;padding:15px 5px;min-height:100px}.stat>.iconSvg{width:26px;height:26px;margin-bottom:6px}.stat strong{font-size:16px}.stat span:not(.iconSvg){font-size:9px;line-height:1.3}.section{padding:25px 0}.secHead{display:block;margin-bottom:16px}.secHead p{font-size:12px;margin-top:10px}.servicegrid{grid-template-columns:1fr;gap:9px}.servicecard{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:95px}.servicecard img{height:100%;min-height:95px;object-fit:cover;object-position:center}.servicecard .body{padding:13px 42px 13px 13px;min-height:0;align-self:center}.servicecard h3{font-size:16px;margin-bottom:6px}.servicecard p{font-size:11px;padding-right:0;line-height:1.35}.servicecard .arr{width:26px;height:26px;font-size:17px;right:10px;bottom:calc(50% - 13px)}.locationgrid{display:block;min-height:215px}.locationcopy{padding:27px 0;max-width:240px}.locationcopy h2{font-size:32px}.locationcopy p{font-size:12px}.locationphoto img{object-position:65% center}.locationphoto:after{background:linear-gradient(90deg,#041724dd,#04172480 45%,#04172408)}.pin{display:none}.why{padding:24px 0}.whygrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.whyitem{padding:0}.whyitem>.iconSvg{position:static;width:27px;height:27px;margin-bottom:8px}.whyitem h3{font-size:13px}.whyitem p{font-size:11px}.ctain h2{font-size:25px}.ctain p{font-size:12px}.ctain .heroBtns{margin-top:17px;flex-wrap:wrap}.cta{padding:25px 0}.cta:before{background-position:65% 65%}.aboutstrip>.container{display:grid;grid-template-columns:1fr;gap:15px}.aboutstrip p{font-size:12px}.biglogo img{width:160px}.footergrid{grid-template-columns:1fr 1fr;gap:25px 18px}.footer p,.footer a:not(.logo){font-size:11px;overflow-wrap:anywhere}.footer h3{font-size:13px}.footer .logo img{width:115px}.footbottom{display:block}.footbottom span{display:block;margin-bottom:8px}.pagehero{padding:30px 0 35px;min-height:380px;align-items:flex-start}.pagehero h1{font-size:38px;max-width:350px!important;overflow-wrap:break-word}.pagehero p{font-size:16px;max-width:330px!important;line-height:1.4}.pagehero .breadcrumb{font-size:10px;margin-bottom:22px}.pagehero:before{background-position:70% 65%}.pagehero.road:before{background-position:64% 60%}.pagehero.damnight:before{background-position:65% 60%}.pagehero.damnight{min-height:400px}.pagehero .heroBtns{flex-direction:column}.page-kontakt .pagehero{min-height:320px;padding-bottom:35px}.truststrip{padding:15px 0}.trustgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.trustgrid>.feature{padding:15px 9px;display:block;border:0;border-bottom:1px solid var(--line);background:none}.trustgrid>.feature>.iconSvg{width:27px;height:27px;margin-bottom:7px}.trustgrid h3{font-size:14px}.trustgrid p{font-size:11px}.page-usluge-uvoz-i-izvoz .trustgrid,.page-usluge-tranzit .trustgrid{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.page-usluge-uvoz-i-izvoz .trustgrid>.feature,.page-usluge-tranzit .trustgrid>.feature{padding:10px 6px}.page-usluge-uvoz-i-izvoz .trustgrid h3,.page-usluge-tranzit .trustgrid h3{font-size:11px}.page-usluge-uvoz-i-izvoz .trustgrid p,.page-usluge-tranzit .trustgrid p{font-size:9px}.overview{grid-template-columns:1fr;gap:20px}.overview p{font-size:14px}.overview>img{max-height:220px}.featuregrid,.principlegrid{grid-template-columns:1fr;gap:10px}.feature{display:flex;align-items:center;gap:15px;padding:13px 14px}.feature>.iconSvg{width:30px;height:30px;margin:0}.feature h3{font-size:14px;margin-bottom:5px}.feature p{font-size:11px}.processIntro{display:block;margin-bottom:17px}.processIntro p{font-size:12px;margin-top:12px}.processflow{grid-template-columns:1fr;gap:10px}.processcard{padding:14px 14px 14px 57px;position:relative;min-height:80px}.processhead{position:absolute;left:13px;top:16px;display:block}.processhead>.iconSvg{display:none}.processcard h3{font-size:14px;margin-bottom:6px}.processcard p{font-size:12px}.processcard:not(:last-child):after{display:none}.doclist{grid-template-columns:1fr;gap:9px}.doclist li{padding:12px 14px;font-size:13px}.docsection>div>p{line-height:1.5}.locationSection{padding:12px 0}.locationpanel{grid-template-columns:1fr;min-height:0}.panelcopy{padding:23px 20px}.panelcopy h2{font-size:27px}.panelcopy p{font-size:13px}.panelphoto{height:230px;grid-row:2;background-position:65% 65%}.panelphoto:before{background:linear-gradient(180deg,#061c2a,transparent 16%)}.detailsline{font-size:13px}.contactlinks{display:block}.contactlinks a{display:block;padding:7px 0}.officepanel .brandvisual{min-height:230px}.officepanel .brandvisual:before{background:linear-gradient(180deg,#061c2a,transparent 18%)}.contactSection{margin-top:0;padding-top:18px}.contactgrid{grid-template-columns:1fr;gap:15px}.contactcard{display:grid;grid-template-columns:90px minmax(0,1fr)}.contactphoto,.contactcard>.brandvisual{height:100%;min-height:260px}.contactphoto img{object-position:80% center}.contactcard>.brandvisual>img{width:90%;min-width:0}.contactbody{padding:17px 14px}.contactbody h3{font-size:22px;min-height:0;margin-bottom:15px}.contactbody>.iconSvg{width:25px;height:25px;margin-right:8px}.contactbody p{font-size:12px;margin-bottom:12px}.contactlink{font-size:15px;padding:10px 0}.uploadlayout{grid-template-columns:1fr;gap:25px;padding:20px 15px}.uploadlayout h2{font-size:25px}.uploadlayout .eyebrow{display:none}.dropzone{padding:25px 15px}.filehead{font-size:11px;gap:9px}.filehead button{font-size:11px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.asidebox{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.asidebox p,.asidebox li{font-size:13px}.page-posalji-dokumenta .pagehero{min-height:340px}.vehicletypes .featuregrid{grid-template-columns:1fr}}
/* Match the inherited V4 markup: the hero copy is itself the full-width container. */
.heroCopy{max-width:none}.heroCopy h1{max-width:600px}.heroCopy>.eyebrow{max-width:550px}.servicecard .arrow{position:absolute;bottom:15px;right:13px;border:1px solid white;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:19px}.servicecard .body{min-height:100px}.locationphoto{overflow:hidden}.locationphoto img{position:absolute;top:50%;left:0;width:148%;height:auto;max-width:none;min-height:100%;transform:translateY(-50%);object-fit:initial}.aboutBand{background:linear-gradient(90deg,#041724fa 0%,#041724b5 50%,#04172420),url('/assets/djerdap-dam-night-approved.png') left center/148% auto no-repeat;border-bottom:1px solid var(--line)}.aboutstrip{display:grid;grid-template-columns:180px 1fr 230px;align-items:center;gap:25px;background:none}.aboutstrip>.eyebrow{grid-column:1}.canyon-clean{height:250px;overflow:hidden;position:relative;border-radius:7px}.canyon-clean>img{position:absolute;left:0;top:50%;width:148%;max-width:none;height:auto;min-height:100%;transform:translateY(-50%)}.heroCopy>.heroBtns .btn{min-height:48px;padding:0 26px}.pin{font-size:20px}.page-kontakt .pagehero h1{max-width:510px}.page-kontakt .pagehero h1:after{content:'.';color:var(--red)}
@media(min-width:1500px){.heroCopy h1{max-width:680px}}
@media(max-width:950px){.aboutstrip{grid-template-columns:160px 1fr 170px}}
@media(max-width:600px){.heroCopy h1{max-width:340px}.heroCopy>.heroBtns .btn{min-height:43px;padding:0 17px}.servicecard .arrow{width:26px;height:26px;font-size:17px;right:10px;bottom:calc(50% - 13px)}.servicecard .body{min-height:0}.aboutstrip{grid-template-columns:1fr;gap:15px}.canyon-clean{height:185px}.page-kontakt .pagehero h1{max-width:300px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Use the full-resolution canyon strip without its embedded caption; live HTML covers that region. */
.locationphoto img{position:static;width:100%;height:100%;max-width:100%;min-height:0;transform:none;object-fit:cover;object-position:center}.pin{display:flex;flex-direction:column;justify-content:center;gap:7px;right:0;top:25%;bottom:0;width:34%;max-width:none;border-radius:0;background:linear-gradient(90deg,#04172400,#051b2a 13%);padding:30px 25px 20px 65px;line-height:1.3}.pin strong{font-size:24px}.pin span{font-size:14px;font-weight:400}.aboutBand{background:linear-gradient(90deg,#041724f8 0%,#041724b5 48%,#041724 67%),url('/assets/djerdap-dam-night-approved.png') center/cover no-repeat}.aboutstrip{grid-template-columns:240px 1fr 230px}.aboutstrip .eyebrow{font-size:9px;letter-spacing:1px}.canyon-clean>img{position:static;width:100%;height:100%;max-width:100%;min-height:0;transform:none;object-fit:cover;object-position:left}.steps-5{grid-template-columns:repeat(5,minmax(0,1fr))}.processIntro{display:block}.processIntro>.eyebrow{margin-bottom:10px}.processIntro>h2{margin-bottom:0}.page-usluge-uvoz-i-izvoz .benefitsSection .featuregrid{grid-template-columns:repeat(5,minmax(0,1fr))}.page-usluge-uvoz-i-izvoz .benefitsSection .feature{text-align:center}.page-usluge-carinjenje-robe .benefitsSection .feature{display:flex;gap:12px;align-items:center;padding:16px}.page-usluge-carinjenje-robe .benefitsSection .feature>.iconSvg{margin:0}.page-usluge-carinjenje-robe .processcard{padding:16px}.page-usluge-carinjenje-robe .processcard p:empty{display:none}.vehicle-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.mobile-disclosure summary{font-size:22px;font-weight:700;cursor:pointer;list-style:none;line-height:1.3}.mobile-disclosure summary:before{content:'';display:inline-block;width:25px;height:4px;background:var(--red);margin-right:10px;vertical-align:middle}.mobile-disclosure>.container{width:100%;margin-top:20px}.mobile-disclosure .featuregrid,.mobile-disclosure .processflow,.mobile-disclosure .doclist{display:grid;grid-template-columns:1fr;gap:12px}.mobile-disclosure .feature{display:flex;gap:13px;background:none;border:0;padding:0}.mobile-disclosure .feature .iconSvg{margin:0}.mobile-disclosure .processcard{padding:0 0 0 45px;background:none;border:0;min-height:40px}.mobile-disclosure .processhead{position:absolute;left:0;top:0}.mobile-disclosure .processhead .iconSvg,.mobile-disclosure .processcard:after{display:none}.mobile-disclosure .processcard p:empty{display:none}.mobile-disclosure .doclist li{padding:0;background:none;border:0}.mobile-disclosure .feature h3,.mobile-disclosure .processcard h3{font-size:15px}.mobile-disclosure .doclist li{font-size:13px}.mobile-disclosure .processIntro{display:none}
@media(max-width:950px){.aboutstrip{grid-template-columns:200px 1fr 160px}.steps-5{gap:12px}.steps-5 .processcard{padding:13px}.steps-5 .processcard:not(:last-child):after{right:-12px}.steps-5 .processcard h3{font-size:14px}.vehicle-details{gap:18px}.mobile-disclosure summary{font-size:19px}}
@media(max-width:600px){.pin{display:none}.locationphoto img{object-position:left center}.aboutstrip{grid-template-columns:1fr}.steps-5{grid-template-columns:1fr}.steps-5 .processcard{padding:14px 14px 14px 57px}.page-usluge-uvoz-i-izvoz .benefitsSection .featuregrid{grid-template-columns:1fr}.page-usluge-uvoz-i-izvoz .benefitsSection .feature{text-align:left}.vehicle-details{grid-template-columns:1fr;gap:0}.mobile-disclosure{border-bottom:1px solid var(--line);padding:16px 0}.mobile-disclosure summary{font-size:20px;padding-right:25px;position:relative}.mobile-disclosure summary:after{content:'+';color:var(--red);position:absolute;right:0;font-size:25px;top:0}.mobile-disclosure[open] summary:after{content:'−'}.mobile-disclosure>.container{margin-top:18px}.page-usluge-carinjenje-robe .processcard{padding:14px 14px 14px 57px}.page-lokacija .panelcopy .btn{max-width:100%;font-size:12px}}
.heroCopy h1>span{display:block}.heroCopy>.eyebrow{max-width:320px;line-height:1.4}.page-usluge .breadcrumb{display:none}.page-o-nama .pagehero{min-height:405px}.page-o-nama .pagehero h1{font-size:64px}.page-o-nama .pagehero p{max-width:570px}.page-lokacija .pagehero:after{background:linear-gradient(90deg,#031724e6 0%,#03172499 29%,#03172400 65%)}.page-kontakt .pagehero{padding-top:35px}.page-usluge-uvoz-i-izvoz .overview{grid-template-columns:1.4fr 1fr}.page-usluge-carinjenje-vozila .overview{grid-template-columns:1fr 1.2fr}.page-usluge-carinjenje-vozila .overview>img{grid-column:1;grid-row:1}.page-usluge-carinjenje-vozila .overview>div{grid-column:2;grid-row:1}
@media(max-width:600px){.hero h1{font-size:36px;max-width:358px;line-height:1.07}.heroCopy>.eyebrow{max-width:280px;font-size:9px}.servicecard{min-height:88px}.servicecard img{width:100%;height:auto;min-height:0;max-height:74px;object-fit:contain;align-self:center;border-radius:4px}.servicecard .body{padding-top:13px;padding-bottom:13px}.page-o-nama .pagehero{min-height:405px}.page-o-nama .pagehero h1{font-size:43px}.page-lokacija .pagehero:after{background:linear-gradient(90deg,#031724d9,#03172480 50%,#03172425)}.page-usluge-uvoz-i-izvoz .overview,.page-usluge-carinjenje-vozila .overview{grid-template-columns:1fr}.page-usluge-carinjenje-vozila .overview>img,.page-usluge-carinjenje-vozila .overview>div{grid-column:auto;grid-row:auto}}
.page-kontakt .pagehero h1>span{display:block}.upload-docs .doclist{grid-template-columns:repeat(4,minmax(0,1fr))}.cta:before{left:28%;right:10%;background-position:center 63%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
@media(max-width:600px){.upload-docs .doclist{grid-template-columns:1fr}.cta:before{left:0;right:0;background-position:65% 65%;mask-image:none}}

.honeypot{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.filelimits{color:var(--muted);font-size:12px}#submission-error{color:#ffb7c2;white-space:pre-line}.btn:disabled{opacity:.55;cursor:wait}.aboutBand{background-position:center 72%}.aboutstrip{min-height:150px}.logo img{image-rendering:auto}.servicecard img{height:auto;aspect-ratio:3/1;object-fit:cover;max-height:none}@media(max-width:600px){.servicecard img{aspect-ratio:3/1;height:auto;max-height:74px;object-fit:cover}}

/* Separate photographic location and contact sections with a navy gutter. */
.locationBand + .cta { margin-top:48px; border-top:1px solid var(--line); }
@media(max-width:600px){ .locationBand + .cta { margin-top:32px; } }
.locationphoto img { object-position:center 65%; }
.aboutBand { background-position:center 65%; }

/* Identical photographic treatment for office and director contact cards. */
.contactcard>.directorvisual { background-position:60% center; }
.maplink { margin-top:20px; }
.businessmap { border:1px solid var(--line); border-radius:8px; background:var(--panel); margin-top:14px; overflow:hidden; }
.businessmap summary { padding:18px 24px; cursor:pointer; color:#fff; font-weight:700; }
.businessmap summary:hover { background:#102f43; }
.businessmap iframe { display:block; width:100%; height:350px; border:0; background:#102f43; }
@media(max-width:600px){ .businessmap summary{padding:16px 20px;font-size:14px}.businessmap iframe{height:300px} }
.panelcopy>.maplink { display:inline-flex; width:fit-content; max-width:100%; }

/* Contact cards start below the hero photograph, with a clear navy gutter. */
.page-kontakt .contactSection { margin-top:0; padding-top:32px; }
@media(max-width:600px){ .page-kontakt .contactSection { padding-top:24px; } }

/* Every service card and its detail hero use the same native-resolution asset. */
.pagehero.servicehero:before { background-image:var(--service-image); background-position:center center; }
@media(max-width:600px){ .pagehero.servicehero:before { background-position:68% center; } }

/* Bound all page imagery on ultrawide screens. */
html{background:#020e17}
body{width:100%;max-width:1600px;margin-inline:auto;box-shadow:0 0 70px #0005}
.hero:before{background-position:center 72%}
@media(max-width:600px){.hero:before{background-position:72% 70%}}

/* Show the full foreground truck within every help section. */
.cta:before{background-size:auto 210%;background-position:0 46%;left:28%;right:0}
@media(max-width:950px) and (min-width:601px){.cta:before{background-size:auto 150%;background-position:75% 45%;left:0;right:0}}
@media(max-width:600px){.cta:before{left:0;right:0;background-size:auto 130%;background-position:68% 45%;mask-image:none}}

/* Align the three homepage facts with the full service-card row. */
.cta:before{right:26%;background-size:100% auto;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 78%,transparent 100%)}
@media(max-width:950px){.cta:before{right:0;background-size:auto 150%}}
@media(max-width:600px){.cta:before{background-size:auto 130%}}
.statwrap{margin-top:16px}
.stats{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.statwrap{margin-top:12px}}

/* Subtle bilateral fades on large photography; keep live text and logos crisp. */
.officepanel .panelcopy>a.btn.maplink{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:10px 22px;min-height:44px;line-height:1.2;max-width:100%}
.hero:before,.pagehero:before,.locationphoto{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.canyon-clean>img,.overview>img{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.panelphoto:after,.officepanel .brandvisual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#061c2a,transparent 7%,transparent 93%,#061c2a);z-index:2}
.aboutBand{position:relative;isolation:isolate}
.aboutBand:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041724,transparent 5%,transparent 95%,#041724)}

/* Consistent contact details across all languages and screen sizes. */
.contactbody .contactlink,.contactbody p{font-size:16px;font-weight:400;}

.contactbody .contactlink,.contactbody p{font-size:16px;font-weight:400;}