*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#071927}.wrap{max-width:1240px;margin:auto;padding:0 28px}header{height:72px;background:#061c2a;position:sticky;top:0;z-index:20}.nav{height:72px;display:flex;align-items:center;gap:28px}.logo{margin-right:auto}.logo img{width:118px;height:50px;object-fit:contain;background:white;padding:5px 12px;border-radius:3px}.nav nav{display:flex;gap:25px}.nav nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.button{display:inline-block;background:#f5b335;color:#071927;text-decoration:none;font-size:13px;font-weight:900;padding:16px 21px;border-radius:8px}.outline{margin-left:8px;background:transparent;border:1px solid #fff;color:#fff}.hero{height:535px;background:#071c2a;position:relative;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:66%;height:100%;background:url("assets/hero.jpg") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061c2a 0%,#061c2af5 35%,#061c2a88 58%,transparent 78%)}.hero-content{height:100%;display:flex;align-items:center;position:relative}.hero-copy{max-width:650px;color:white}.overline,.section-head span,.contact span{color:#f5b335;font-weight:900;letter-spacing:3px;font-size:12px}.hero h1{font-size:61px;line-height:1;margin:20px 0}.hero h1 span{color:#f5b335}.hero p{font-size:23px;margin-bottom:28px}.facts{background:#061c2a;color:white;border-top:1px solid #29414e}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr)}.fact-grid>div{display:flex;align-items:center;gap:16px;padding:24px 20px;border-right:1px solid #29414e}.fact-grid strong{font-size:29px;color:#f5b335}.fact-grid p{margin:0}.fact-grid small{display:block;color:#b9c5cc;margin-top:4px}.section{padding:74px 0}.white{background:#fff}.section-head{text-align:center;max-width:750px;margin:0 auto 34px}.section-head.left{text-align:left;margin:0 0 30px}.section-head.dark span{color:#b97900}.section-head h2{font-size:38px;margin:9px 0}.section-head p{color:#60717c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:#071f2e;color:white;border-radius:15px;overflow:hidden;box-shadow:0 14px 30px #0012}.cards img{display:block;width:100%;height:220px;object-fit:cover}.cards article>div{padding:24px;min-height:245px}.n{color:#f5b335;font-size:25px}.cards h3,.model-grid h3{font-size:23px;margin:8px 0 10px}.cards p{color:#d7e0e5;line-height:1.55}.divider-title{text-align:center;letter-spacing:3px;color:#936100;margin:48px 0 20px}.service-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-types>div{border:1px solid #dce3e7;border-radius:12px;padding:18px;display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center}.service-types i{width:45px;height:45px;background:#071f2e;color:#f5b335;border-radius:10px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:900}.service-types small{grid-column:2;color:#65747d;margin-top:4px}.navy{background:#061c2a;color:white}.vehicles{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.vehicles>div{background:#0b2a3c;border:1px solid #2c4b5b;border-radius:13px;padding:22px;text-align:center}.vehicles i{width:70px;height:44px;margin:0 auto 13px;border:2px solid #f5b335;border-radius:7px;color:#f5b335;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:23px}.vehicles b,.vehicles small{display:block}.vehicles small{color:#b9c5cc;margin-top:5px}.models{padding-top:0}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.model-grid article{background:#0b2a3c;border:1px solid #315161;border-radius:14px;padding:27px}.model-grid ul{list-style:none;padding:0;margin:15px 0 0}.model-grid li{padding:6px 0;color:#d9e2e7}.model-grid li:before{content:"✓";color:#f5b335;font-weight:bold;margin-right:9px}.about{background:#f4f6f7}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px}.about p{font-size:16px;line-height:1.72;color:#455a67}.badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;font-weight:800}.europe{background:#061c2a;color:white;border-radius:17px;padding:34px}.europe>span{color:#f5b335;font-size:12px;font-weight:900;letter-spacing:3px}.europe h3{font-size:28px}.europe p{color:#c6d2d9}.map{height:135px;position:relative;margin:16px 0;background:linear-gradient(150deg,transparent 48%,#f5b335 49% 50%,transparent 51%),linear-gradient(30deg,transparent 48%,#f5b335 49% 50%,transparent 51%);opacity:.85}.map i{position:absolute;width:9px;height:9px;border-radius:50%;background:#f5b335;box-shadow:0 0 13px #f5b335}.map i:nth-child(1){left:8%;top:55%}.map i:nth-child(2){left:22%;top:30%}.map i:nth-child(3){left:37%;top:65%}.map i:nth-child(4){left:48%;top:42%}.map i:nth-child(5){left:61%;top:22%}.map i:nth-child(6){left:70%;top:65%}.map i:nth-child(7){left:82%;top:38%}.map i:nth-child(8){left:93%;top:58%}.europe ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.europe li:before{content:"✓";color:#f5b335;margin-right:8px}.contact{background:#0a2738;color:white;padding:55px 0}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center}.contact h2{font-size:34px}.contact-grid>div:last-child{display:flex;flex-direction:column;gap:9px}.contact a{color:white;text-decoration:none;font-weight:800;font-size:18px}footer{background:#04141e;color:#8ea1ac;padding:20px 0;font-size:13px}
@media(max-width:900px){.nav nav{display:none}.hero-photo{width:80%;opacity:.55}.hero h1{font-size:47px}.cards,.model-grid,.service-types,.vehicles,.about-grid,.fact-grid{grid-template-columns:1fr 1fr}.cards article:last-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{padding:0 18px}.nav>.button{font-size:10px;padding:12px}.hero{height:610px}.hero-photo{width:100%;opacity:.38;background-position:58% center}.hero h1{font-size:39px}.hero p{font-size:19px}.cards,.model-grid,.service-types,.vehicles,.about-grid,.fact-grid,.contact-grid{grid-template-columns:1fr}.cards article:last-child{grid-column:auto}.section-head h2{font-size:30px}.outline{margin:10px 0 0}.badges,.europe ul{grid-template-columns:1fr}}

/* FRKY custom refinements */
header{height:86px}.nav{height:86px}.logo{display:flex;align-items:center}.logo img{width:82px;height:82px;object-fit:contain;background:transparent!important;padding:0!important;border-radius:50%;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}.vehicles>div{padding:18px 14px 20px}.vehicles img{display:block;width:100%;height:92px;object-fit:contain;margin:0 auto 14px;background:#f7f7f4;border-radius:9px;padding:5px}.vehicles i{display:none}
@media(max-width:600px){header,.nav{height:74px}.logo img{width:66px;height:66px}.vehicles img{height:105px}}

/* V9: clean, sharp header logo + scalable vehicle pictograms */
header{height:92px}.nav{height:92px}.logo{display:flex;align-items:center;background:#fff;border-radius:9px;padding:7px 13px;box-shadow:0 5px 18px rgba(0,0,0,.16)}.logo img{width:150px!important;height:44px!important;object-fit:contain!important;background:transparent!important;padding:0!important;border-radius:0!important;filter:none!important}.vehicles>div{padding:18px 14px 20px!important}.vehicles img{display:none!important}.vehicle-art{height:104px;background:linear-gradient(145deg,#0d3145,#092535);border:1px solid #345566;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;overflow:hidden}.vehicle-art svg{width:90%;height:82px;fill:#f5f6f3;stroke:#f5f6f3;stroke-width:1.5}.vehicle-art svg .thin{fill:none;stroke:#d3a43c;stroke-width:2}.vehicle-art svg .dark{fill:#0a2738;stroke:#d3a43c}.vehicles>div:hover .vehicle-art{border-color:#f5b335;transform:translateY(-2px);transition:.2s}.vehicles b{font-size:16px}.vehicles small{font-size:13px}@media(max-width:600px){header,.nav{height:80px}.logo{padding:5px 9px}.logo img{width:115px!important;height:38px!important}.vehicle-art{height:115px}}

/* V10: logo and fleet corrections */
header{min-height:88px;height:88px}
.nav{height:88px}
.logo{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#fff;border:2px solid #e2ae48;overflow:hidden;padding:5px;flex:0 0 76px}
.logo img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;padding:0!important;border-radius:50%!important}
.photo-vehicles>div{padding:12px 12px 20px!important}
.photo-vehicles img{display:block;width:100%;height:132px;object-fit:cover;object-position:center;border-radius:10px;margin:0 0 15px;background:#0b2a3c}
.photo-vehicles b{font-size:16px}
.photo-vehicles small{font-size:13px}
@media(max-width:900px){header,.nav{height:76px;min-height:76px}.logo{width:64px;height:64px;flex-basis:64px}.photo-vehicles img{height:160px}}

/* V11 — larger user-supplied circular FRKY logo */
.logo{
    width:112px !important;
    height:112px !important;
    flex:0 0 112px !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:50% !important;
    overflow:hidden !important;
}
.logo img{
    width:112px !important;
    height:112px !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center !important;
    padding:0 !important;
    margin:0 !important;
    background:#fff !important;
    border-radius:50% !important;
    display:block !important;
}
header, .nav{
    min-height:126px !important;
    height:126px !important;
}
@media(max-width:900px){
    header,.nav{min-height:92px !important;height:92px !important}
    .logo,.logo img{width:80px !important;height:80px !important;flex-basis:80px !important}
}

/* V12 — unified premium line icons in hero stats */
.stat-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f6b52d;
}
.stat-icon svg{
    width:42px;
    height:42px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}
@media(max-width:900px){
    .stat-icon{width:42px;height:42px;flex-basis:42px}
    .stat-icon svg{width:36px;height:36px}
}

/* V14 service icons */
.services svg,.service-icon svg,.svc-icon svg{
 width:27px;height:27px;fill:none;stroke:#f6b52d;stroke-width:2.3;
 stroke-linecap:round;stroke-linejoin:round;display:block;margin:auto;
}

/* V15 interactive service structure */
.v15-services{padding-bottom:80px}
.service-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.service-feature{overflow:hidden;border-radius:14px;background:#062235;box-shadow:0 14px 30px rgba(4,25,38,.10)}
.service-feature>img{width:100%;height:205px;object-fit:cover;display:block}
.service-feature-body{padding:24px;display:flex;flex-direction:column;min-height:285px}
.service-feature h3{color:#f6b52d;text-align:center;font-size:24px;margin:0 0 16px}
.service-feature p{color:#fff;line-height:1.6;margin:0 0 22px}
.more-btn{margin-top:auto;align-self:center;border:1px solid #f6b52d;background:transparent;color:#f6b52d;font-weight:800;padding:11px 18px;border-radius:7px;cursor:pointer}
.more-btn:hover,.more-btn.active{background:#f6b52d;color:#061f31}
.more-btn span{font-size:18px;margin-left:7px}
.service-details{display:none;margin-top:38px;padding:38px;border-radius:16px;background:#f7f9fa;border:1px solid #e0e7eb}
.service-details.open{display:block}
.vehicle-simple-grid,.cooperation-grid,.transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}
.vehicle-simple-grid>div,.cooperation-grid>div,.transport-grid>div{background:#fff;border:1px solid #dbe4e9;border-radius:12px;padding:22px}
.vehicle-symbol{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:10px;background:#062235;color:#f6b52d;font-size:27px;margin-bottom:12px}
.vehicle-simple-grid h4,.cooperation-grid h3{margin:0 0 9px;color:#062235;font-size:19px}
.vehicle-simple-grid p{margin:0;color:#536a79;line-height:1.5}
.cooperation-head{margin-top:42px}
.cooperation-grid>div{background:#062235;color:#fff}
.cooperation-grid h3{color:#f6b52d}
.cooperation-grid ul{padding-left:20px;line-height:1.75;margin-bottom:0}
.transport-grid div{display:flex;flex-direction:column;gap:7px}
.transport-grid b{color:#062235;font-size:17px}
.transport-grid small{color:#536a79;font-size:14px}
.detail-intro{font-size:17px;line-height:1.7;color:#536a79;max-width:850px}
@media(max-width:900px){
 .service-feature-grid,.vehicle-simple-grid,.cooperation-grid,.transport-grid{grid-template-columns:1fr}
 .service-feature-body{min-height:auto}
 .service-details{padding:24px}
}

/* V16 — photo vehicle cards + premium model icons */
.vehicle-photo-grid>div{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#fff;min-height:155px}
.vehicle-photo-grid img{width:44%;height:120px;object-fit:contain;object-position:center;background:#fff;border-radius:10px;display:block}
.vehicle-photo-grid h4{font-size:20px;margin:0 0 8px}.vehicle-photo-grid p{font-size:14px;line-height:1.55}
.cooperation-grid .model-card{display:grid;grid-template-columns:86px 1fr;gap:18px;align-items:start;padding:25px 22px;background:#062235;border:1px solid #294c60;border-radius:13px}
.model-icon{width:78px;height:78px;display:flex;align-items:center;justify-content:center;color:#f6b52d}
.model-icon svg{width:70px;height:70px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cooperation-grid .model-copy h3{color:#f6b52d;margin:3px 0 13px;font-size:18px}
.cooperation-grid .model-copy ul{list-style:none;padding:0;margin:0;line-height:1.45}
.cooperation-grid .model-copy li{display:grid;grid-template-columns:20px 1fr;gap:7px;padding:4px 0;color:#fff}
.cooperation-grid .check{color:#f6b52d;font-weight:900;font-size:18px;line-height:1.1}
@media(max-width:900px){.vehicle-photo-grid>div{flex-direction:column;text-align:center}.vehicle-photo-grid img{width:100%;height:160px}.cooperation-grid .model-card{grid-template-columns:72px 1fr}.model-icon{width:64px;height:64px}.model-icon svg{width:58px;height:58px}}

/* V17: all lower service sections always visible */
.service-details.permanent-detail{display:block !important;scroll-margin-top:100px}
.more-btn.scroll-more{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}

/* V18 — redesigned dispatch section */
.v18-dispatch > .section-head,
.v18-dispatch .cooperation-head{
  text-align:center !important;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.v18-dispatch > .section-head p{margin-left:auto;margin-right:auto}
.v18-dispatch .vehicle-simple-grid{
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.v18-dispatch .vehicle-simple-grid > .vehicle-card{
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px;
  min-height:165px;
}
.vehicle-photo{
  width:118px;
  height:118px;
  min-width:118px;
  border-radius:50%;
  border:5px solid #f6b52d;
  background:#062235;
  overflow:hidden;
  box-shadow:0 7px 18px rgba(5,31,48,.12);
}
.vehicle-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.vehicle-copy h4{
  font-size:22px !important;
  margin-bottom:8px !important;
}
.vehicle-copy p{
  font-size:16px;
  line-height:1.45 !important;
}
.v18-dispatch .cooperation-grid > div{
  text-align:left;
  border:1px solid rgba(246,181,45,.65);
  padding:28px 28px 26px;
}
.v18-dispatch .cooperation-grid h3{
  text-align:center;
  font-size:20px;
  margin-bottom:20px;
}
.v18-dispatch .cooperation-grid ul{
  list-style:none;
  padding-left:0;
}
.v18-dispatch .cooperation-grid li{
  position:relative;
  padding-left:29px;
  margin:10px 0;
}
.v18-dispatch .cooperation-grid li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#f6b52d;
  font-weight:900;
  font-size:19px;
}
@media(max-width:900px){
  .v18-dispatch .vehicle-simple-grid{grid-template-columns:1fr}
  .v18-dispatch .vehicle-simple-grid > .vehicle-card{min-height:auto}
}
@media(max-width:520px){
  .v18-dispatch .vehicle-simple-grid > .vehicle-card{flex-direction:column;text-align:center}
}


/* =========================================================
   V19 FIX — stable dispatch vehicle + cooperation layout
   ========================================================= */

.v18-dispatch{
  box-sizing:border-box;
  width:100%;
  overflow:hidden;
}
.v18-dispatch *,
.v18-dispatch *::before,
.v18-dispatch *::after{box-sizing:border-box}

/* Center both section headings */
.v18-dispatch > .section-head,
.v18-dispatch .cooperation-head{
  width:100% !important;
  max-width:1000px !important;
  margin:0 auto 28px !important;
  text-align:center !important;
}
.v18-dispatch > .section-head h2,
.v18-dispatch .cooperation-head h2{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.v18-dispatch > .section-head p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Exactly 3 equal vehicle cards */
.v18-dispatch .vehicle-simple-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  width:100% !important;
  margin:28px 0 46px !important;
  align-items:stretch !important;
}
.v18-dispatch .vehicle-simple-grid > .vehicle-card{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:20px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:170px !important;
  margin:0 !important;
  padding:22px !important;
  background:#fff !important;
  border:1px solid #d8e2e8 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

/* Force all vehicle images to small circles */
.v18-dispatch .vehicle-photo{
  display:block !important;
  flex:0 0 116px !important;
  width:116px !important;
  height:116px !important;
  min-width:116px !important;
  max-width:116px !important;
  min-height:116px !important;
  max-height:116px !important;
  padding:0 !important;
  margin:0 !important;
  border:5px solid #f6b52d !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:#062235 !important;
}
.v18-dispatch .vehicle-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
  border-radius:0 !important;
}
.v18-dispatch .vehicle-copy{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
}
.v18-dispatch .vehicle-copy h4{
  margin:0 0 8px !important;
  font-size:21px !important;
  line-height:1.2 !important;
  color:#061f31 !important;
}
.v18-dispatch .vehicle-copy p{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.55 !important;
  color:#526978 !important;
}

/* Cooperation title spacing */
.v18-dispatch .cooperation-head{
  margin-top:10px !important;
  margin-bottom:30px !important;
}

/* Exactly 3 equal cooperation cards */
.v18-dispatch .cooperation-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  width:100% !important;
  margin:0 !important;
  align-items:stretch !important;
}
.v18-dispatch .cooperation-grid > div{
  width:auto !important;
  min-width:0 !important;
  height:100% !important;
  margin:0 !important;
  padding:28px !important;
  background:#062b40 !important;
  border:1px solid #f6b52d !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
.v18-dispatch .cooperation-grid h3{
  text-align:center !important;
  color:#f6b52d !important;
  margin:0 0 20px !important;
  font-size:19px !important;
  line-height:1.3 !important;
}
.v18-dispatch .cooperation-grid ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
.v18-dispatch .cooperation-grid li{
  position:relative !important;
  padding-left:28px !important;
  margin:11px 0 !important;
  color:#fff !important;
  line-height:1.45 !important;
}
.v18-dispatch .cooperation-grid li::before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  color:#f6b52d !important;
  font-weight:900 !important;
  font-size:18px !important;
}

/* Responsive without breaking desktop */
@media (max-width:980px){
  .v18-dispatch .vehicle-simple-grid,
  .v18-dispatch .cooperation-grid{
    grid-template-columns:1fr !important;
  }
  .v18-dispatch .vehicle-simple-grid > .vehicle-card{
    min-height:150px !important;
  }
}
@media (max-width:520px){
  .v18-dispatch .vehicle-simple-grid > .vehicle-card{
    flex-direction:column !important;
    text-align:center !important;
  }
  .v18-dispatch .vehicle-copy h4,
  .v18-dispatch .vehicle-copy p{
    text-align:center !important;
  }
}

/* V20 clean rebuild - isolated classes */
.v20-dispatch{display:block!important;overflow:hidden!important;padding:42px!important}
.v20-center{text-align:center!important;max-width:980px!important;margin:0 auto 30px!important}
.v20-center h2,.v20-center p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.v20-vehicles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;width:100%!important;margin:0 0 52px!important}
.v20-vehicle-card{display:flex!important;align-items:center!important;gap:22px!important;background:#fff!important;border:1px solid #d8e2e8!important;border-radius:14px!important;padding:24px!important;min-width:0!important;min-height:170px!important;overflow:hidden!important}
.v20-vehicle-image{flex:0 0 120px!important;width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;max-width:120px!important;max-height:120px!important;border:5px solid #f6b52d!important;border-radius:50%!important;overflow:hidden!important;background:#062235!important;padding:0!important;margin:0!important}
.v20-vehicle-image img{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;min-height:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
.v20-vehicle-text{min-width:0!important;flex:1!important}.v20-vehicle-text h3{font-size:22px!important;color:#061f31!important;margin:0 0 9px!important}.v20-vehicle-text p{color:#536a79!important;line-height:1.5!important;margin:0!important}
.v20-model-heading{margin-top:0!important;margin-bottom:30px!important}
.v20-models{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;width:100%!important}
.v20-model-card{background:#062b40!important;border:1px solid #f6b52d!important;border-radius:14px!important;padding:28px!important;color:#fff!important;min-width:0!important}
.v20-model-icon{width:72px!important;height:72px!important;border:3px solid #f6b52d!important;border-radius:50%!important;margin:0 auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#f6b52d!important;font-size:32px!important;font-weight:900!important}
.v20-model-card h3{text-align:center!important;color:#f6b52d!important;font-size:20px!important;margin:0 0 20px!important}.v20-model-card ul{list-style:none!important;padding:0!important;margin:0!important}.v20-model-card li{position:relative!important;padding-left:28px!important;margin:11px 0!important;line-height:1.45!important}.v20-model-card li:before{content:'✓'!important;position:absolute!important;left:0!important;color:#f6b52d!important;font-weight:900!important}
@media(max-width:980px){.v20-vehicles,.v20-models{grid-template-columns:1fr!important}}@media(max-width:520px){.v20-dispatch{padding:24px!important}.v20-vehicle-card{flex-direction:column!important;text-align:center!important}}

/* V21 - Organizacija transporta */
#transport-details .section-head { text-align:center !important; max-width:900px; margin:0 auto 14px; }
#transport-details .transport-intro { max-width:900px; margin:0 auto 34px; text-align:center; color:#52677a; font-size:17px; line-height:1.65; }
#transport-details .transport-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
#transport-details .transport-card { background:#fff; border:1px solid #d9e1e7; border-radius:16px; padding:24px 18px; min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; box-shadow:0 10px 28px rgba(5,34,49,.05); }
#transport-details .transport-card b { font-size:20px; color:#061f2e; margin:10px 0 7px; }
#transport-details .transport-card small { display:block; font-size:14px; line-height:1.5; color:#52677a; max-width:280px; }
.transport-icon { width:88px; height:88px; border:4px solid #f5ad18; background:#062536; border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative; box-shadow:inset 0 0 0 2px rgba(255,255,255,.05); }
.transport-icon svg { width:55px; height:55px; stroke:#fff; fill:none; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.transport-icon svg .gold { stroke:#f5ad18; }
@media(max-width:850px){#transport-details .transport-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){#transport-details .transport-grid{grid-template-columns:1fr}}
/* V22 - premium service icons as replaceable image assets */
#transport-details .transport-icon{width:112px!important;height:112px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
#transport-details .transport-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
/* V23 - service icon alignment */
#transport-details .transport-icon{
  width:112px!important;
  height:112px!important;
  flex:0 0 112px!important;
  margin:0 auto 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:transparent!important;
}
#transport-details .transport-icon img{
  display:block!important;
  width:112px!important;
  height:112px!important;
  max-width:112px!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
}
/* V24: service icon alignment */
.transport-card .service-icon,
.transport-card img.service-icon,
.service-card .service-icon,
.service-card img.service-icon {
  width: 108px !important;
  height: 108px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* V26 - service icon alignment */
.transport-icon{
    width:112px !important;
    height:112px !important;
    margin:0 auto 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
}
.transport-icon img{
    width:112px !important;
    height:112px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto !important;
    border:0 !important;
    border-radius:0 !important;
}

/* V27 FIXED: only the final ERP / IT section */
.erp-v27{padding:72px 24px 80px;background:#f4f6f7;color:#061e2d}
.erp-v27-inner{max-width:1180px;margin:auto}
.erp-v27-head{text-align:center;max-width:920px;margin:0 auto 36px}
.erp-v27-head>span{display:block;color:#efa916;font-size:13px;font-weight:800;letter-spacing:4px;margin-bottom:12px}
.erp-v27-head h2{font-size:42px;line-height:1.12;margin:0 0 18px;font-weight:800}
.erp-v27-head p{font-size:16px;line-height:1.75;color:#526979;margin:0}
.erp-v27-visual{height:300px;max-width:760px;margin:36px auto 42px;border-radius:22px;background:linear-gradient(135deg,#061e2d,#0d3548);position:relative;overflow:hidden;box-shadow:0 18px 38px rgba(5,30,44,.14)}
.erp-monitor{position:absolute;left:70px;top:35px;width:535px;height:225px;background:#f8fafb;border:7px solid #d2dce1;border-radius:15px;overflow:hidden;box-shadow:0 15px 28px rgba(0,0,0,.25)}
.erp-bar{height:28px;background:#e7ecef;display:flex;gap:6px;align-items:center;padding:0 12px}.erp-bar i{width:8px;height:8px;border-radius:50%;background:#efa916}
.erp-ui{display:flex;height:190px}.erp-ui aside{width:68px;background:#082535;padding:25px 15px}.erp-ui aside b{display:block;height:7px;background:#738b97;border-radius:5px;margin-bottom:14px}
.erp-ui main{flex:1;padding:17px}.erp-route{height:110px;border-radius:9px;background:#e1e8ec;position:relative}
.erp-route:before,.erp-route:after{content:"";position:absolute;border-top:3px solid #efa916;border-radius:50%;width:230px;height:80px;left:85px;top:53px;transform:rotate(8deg)}
.erp-route:after{width:170px;left:205px;top:25px;transform:rotate(-12deg)}
.erp-route em{position:absolute;width:12px;height:12px;background:#efa916;border:3px solid white;border-radius:50%;z-index:2}.erp-route em:nth-child(1){left:78px;top:75px}.erp-route em:nth-child(2){left:235px;top:50px}.erp-route em:nth-child(3){right:55px;top:31px}
.erp-mini{display:flex;gap:10px;margin-top:12px}.erp-mini i{height:28px;flex:1;background:#e2e9ec;border-left:4px solid #efa916;border-radius:5px}
.erp-mobile{position:absolute;right:65px;bottom:18px;width:112px;height:205px;background:#f7f9fa;border:6px solid #ccd8dd;border-radius:20px;padding:25px 11px 12px;box-shadow:0 14px 26px rgba(0,0,0,.28)}
.erp-mobile div{height:62px;background:#082b3c;border-radius:8px;margin-bottom:13px}.erp-mobile i{display:block;height:8px;background:#d6e0e4;border-radius:5px;margin:9px 0}
.erp-v27-visual>strong{position:absolute;left:28px;bottom:20px;color:#efa916;font-size:11px;letter-spacing:2px}
.erp-v27-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.erp-v27-grid article{background:white;border:1px solid #d5dfe4;border-radius:17px;padding:26px 16px;text-align:center;box-shadow:0 8px 22px rgba(6,30,44,.04)}
.erp-icon{width:72px;height:72px;border-radius:50%;border:3px solid #efa916;background:#062536;color:white;display:flex;align-items:center;justify-content:center;margin:0 auto 17px;font-weight:900;font-size:17px}
.erp-v27-grid h3{font-size:19px;margin:0 0 10px}.erp-v27-grid p{font-size:14px;line-height:1.55;color:#526979;margin:0}
@media(max-width:900px){.erp-v27-grid{grid-template-columns:repeat(2,1fr)}.erp-monitor{left:4%;width:75%}.erp-mobile{right:4%}}
@media(max-width:600px){.erp-v27{padding:52px 15px}.erp-v27-head h2{font-size:32px}.erp-v27-grid{grid-template-columns:1fr}.erp-v27-visual{height:235px}.erp-monitor{top:25px;height:180px}.erp-mobile{width:85px;height:155px}.erp-v27-visual>strong{display:none}}

/* V28 IT section only */
.erp-v28-image{max-width:1000px;margin:34px auto 40px;border-radius:22px;overflow:hidden;box-shadow:0 18px 38px rgba(5,30,44,.14)}
.erp-v28-image img{display:block;width:100%;height:auto}
.erp-v28-grid{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}
@media(max-width:800px){.erp-v28-grid{grid-template-columns:1fr}}
/* V29 - About + European partner/HUB network */
.network-card{position:relative;overflow:hidden}.network-card h3{margin-bottom:12px}.hub-network{height:180px;position:relative;margin:22px 0 18px;border:1px solid #294b5c;border-radius:14px;background:radial-gradient(circle at 50% 45%,#123b4d 0,#082534 52%,#061c2a 100%);overflow:hidden}.hub{position:absolute;width:17px;height:17px;border:3px solid #f5b335;background:#061c2a;border-radius:50%;z-index:3;box-shadow:0 0 0 5px rgba(245,179,53,.12)}.hub:after{content:"";position:absolute;width:5px;height:5px;background:#f5b335;border-radius:50%;left:3px;top:3px}.hub-a{left:11%;top:56%}.hub-b{left:28%;top:28%}.hub-c{left:45%;top:59%}.hub-d{left:61%;top:24%}.hub-e{left:77%;top:54%}.hub-f{left:89%;top:31%}.route{position:absolute;height:2px;background:linear-gradient(90deg,#f5b335,#d89111);transform-origin:left center;z-index:2;opacity:.9}.r1{left:12%;top:59%;width:22%;transform:rotate(-25deg)}.r2{left:29%;top:32%;width:23%;transform:rotate(25deg)}.r3{left:46%;top:61%;width:23%;transform:rotate(-30deg)}.r4{left:62%;top:29%;width:22%;transform:rotate(24deg)}.r5{left:78%;top:57%;width:16%;transform:rotate(-31deg)}.network-tags{display:grid;grid-template-columns:1fr 1fr;gap:9px}.network-tags b{font-size:12px;letter-spacing:.7px;border:1px solid #345363;border-radius:9px;padding:11px;text-align:center;color:#f5b335;background:#092636}
@media(max-width:600px){.hub-network{height:150px}.network-tags{grid-template-columns:1fr 1fr}}

/* V30 - Europe network visual */
.europe-map-network{margin:26px 0 18px;border:1px solid #2c5364;border-radius:16px;background:linear-gradient(145deg,#0b3041,#092635);padding:12px 18px;height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.europe-map-network svg{width:100%;height:100%}.eu-shape{fill:#123c4e;stroke:#456879;stroke-width:2}.network-lines path{fill:none;stroke:#efa916;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.network-points circle{fill:#efa916;stroke:#082536;stroke-width:5}.network-points circle{filter:drop-shadow(0 0 5px rgba(239,169,22,.55))}

/* V31 - Europe network photo */
.europe-network-photo{margin-top:24px;border:1px solid #315468;border-radius:16px;overflow:hidden;background:#0b2a39;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.europe-network-photo img{display:block;width:100%;height:330px;object-fit:cover;object-position:center 45%;filter:saturate(.85) contrast(1.04)}
@media(max-width:760px){.europe-network-photo img{height:270px}}

/* V33 - premium contact section */
.contact-v33{position:relative;overflow:hidden;min-height:480px;padding:0;background:#061e2d;color:#fff}
.contact-v33-bg{position:absolute;inset:0;background:linear-gradient(90deg,#061e2d 0%,#061e2d 53%,rgba(6,30,45,.88) 66%,rgba(6,30,45,.20) 100%)}
.contact-v33-content{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;min-height:480px;padding-top:55px;padding-bottom:55px}
.contact-v33-copy{max-width:570px}.contact-v33-copy>span{display:block;margin-bottom:24px}.contact-v33-copy h2{font-size:48px;line-height:1.08;margin:0 0 20px;color:#fff}.contact-v33-copy h2 em{font-style:normal;color:#f5b335}.contact-v33-copy p{max-width:530px;color:#c7d2d9;font-size:17px;line-height:1.6;margin:0 0 28px}.contact-cta{display:inline-flex!important;align-items:center;justify-content:space-between;gap:45px;background:#f5b335!important;color:#071927!important;padding:16px 22px!important;min-width:225px;border-radius:9px;text-decoration:none!important;font-size:17px!important;font-weight:900!important}.contact-cta b{font-size:25px;line-height:1}
.contact-v33-details{display:flex;flex-direction:column;max-width:390px}.contact-row{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.17)}.contact-row:last-child{border-bottom:0}.contact-row i{width:56px;height:56px;border:3px solid #f5b335;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f5b335;font-style:normal;font-size:23px}.contact-row small{display:block;color:#aebec8;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:7px}.contact-row a,.contact-row strong{display:block;color:#fff!important;text-decoration:none;font-size:19px!important;font-weight:800;line-height:1.45}.footer-v33{background:#031722;color:#9cafba;padding:20px 0;font-size:13px}.footer-v33 .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-v33 b{color:#b8c5cc;letter-spacing:2px;font-size:11px}
@media(max-width:900px){.contact-v33-content{grid-template-columns:1fr;gap:20px}.contact-v33-bg{position:absolute;inset:0;background:linear-gradient(90deg,#061e2d 0%,#061e2d 53%,rgba(6,30,45,.88) 66%,rgba(6,30,45,.20) 100%)}.contact-v33-copy h2{font-size:40px}.contact-v33-details{max-width:100%}}
@media(max-width:600px){.contact-v33-content{padding-top:45px;padding-bottom:45px}.contact-v33-copy h2{font-size:34px}.contact-v33-copy p{font-size:15px}.contact-row{grid-template-columns:58px 1fr}.contact-row i{width:48px;height:48px}.contact-row a,.contact-row strong{font-size:16px!important}.footer-v33 .wrap{flex-direction:column;align-items:flex-start}}

.contact-v33::after{
  content:"";position:absolute;z-index:1;right:0;top:0;width:48%;height:100%;
  background:
    linear-gradient(90deg,#061e2d 0%,rgba(6,30,45,.48) 22%,rgba(6,30,45,.05) 55%),
    url("assets/contact-visual.png") center right/cover no-repeat;
}
.contact-v33-content{position:relative;z-index:3}
.erp-v28-image{background:#071f2d}
.erp-v28-image img{width:100%;height:auto;object-fit:cover}
@media(max-width:900px){
  .contact-v33::after{width:100%;opacity:.28}
}

/* V35 - compact IT visual + compact contact */
.erp-v28-image{
  max-width:1000px;
  margin:30px auto 34px;
  border-radius:18px;
}
.erp-v28-image img{
  display:block;
  width:100%;
  height:230px;
  object-fit:cover;
  object-position:center;
}

/* Kontakt je niži i kompaktniji */
.contact-v33{min-height:390px}
.contact-v33-content{
  min-height:390px;
  padding-top:34px;
  padding-bottom:34px;
  gap:42px;
}
.contact-v33-copy>span{margin-bottom:15px}
.contact-v33-copy h2{
  font-size:42px;
  margin-bottom:15px;
}
.contact-v33-copy p{
  font-size:16px;
  line-height:1.5;
  margin-bottom:20px;
}
.contact-cta{
  padding:13px 20px!important;
  min-width:210px;
}
.contact-row{
  grid-template-columns:60px 1fr;
  gap:14px;
  padding:12px 0;
}
.contact-row i{
  width:48px;
  height:48px;
  font-size:20px;
}
.contact-row small{margin-bottom:4px}
.contact-row a,.contact-row strong{
  font-size:17px!important;
  line-height:1.3;
}
.footer-v33{padding:16px 0}

@media(max-width:900px){
  .contact-v33,.contact-v33-content{min-height:auto}
  .contact-v33-content{padding-top:38px;padding-bottom:38px}
  .erp-v28-image img{height:auto}
}

/* V36 - tri IT usluge vraćene i centrirane */
.it-three-cards{
  max-width:1000px;
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.it-mini-card{
  background:#fff;
  border:1px solid #d7e0e5;
  border-radius:16px;
  text-align:center;
  padding:18px 18px 20px;
  min-height:155px;
  box-shadow:0 8px 22px rgba(4,28,43,.05);
}
.it-mini-icon{
  width:54px;height:54px;margin:0 auto 10px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#082433;color:#f5a900;border:2px solid #f5a900;
  font-size:27px;font-weight:800;
}
.it-mini-card h3{margin:0 0 8px;color:#061e2d;font-size:18px}
.it-mini-card p{margin:0;color:#496474;font-size:14px;line-height:1.45}
@media(max-width:760px){
  .it-three-cards{grid-template-columns:1fr}
}

/* V37 - IT vizual velik; nema duplih kartica ispod */
.erp-v28-image{
  max-width:1080px;
  margin:32px auto 40px;
  border-radius:18px;
  overflow:hidden;
}
.erp-v28-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.it-three-cards{display:none!important}

/* V38 - puna i šira IT grafika sa 3 originalne kartice iz same slike */
.erp-v28-image{
  width:calc(100% - 24px)!important;
  max-width:1160px!important;
  margin:30px auto 38px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.erp-v28-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* V39 - kompaktniji kontakt, novi font i profesionalne ikone */
.contact-v33{
  min-height:330px!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
.contact-v33-content{
  min-height:330px!important;
  padding-top:26px!important;
  padding-bottom:26px!important;
  gap:34px!important;
}
.contact-v33-copy>span{
  margin-bottom:12px!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
.contact-v33-copy h2{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:39px!important;
  line-height:1.06!important;
  letter-spacing:-.7px!important;
  margin-bottom:14px!important;
}
.contact-v33-copy p{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:15px!important;
  line-height:1.45!important;
  margin-bottom:17px!important;
}
.contact-v33-details{
  max-width:365px!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
.contact-row{
  grid-template-columns:52px 1fr!important;
  gap:14px!important;
  padding:9px 0!important;
}
.contact-row i.contact-icon{
  width:44px!important;
  height:44px!important;
  border:2px solid #f5b335!important;
}
.contact-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:#f5b335;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-row small{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:10px!important;
  letter-spacing:1.8px!important;
  margin-bottom:2px!important;
}
.contact-row a,.contact-row strong{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.contact-cta{
  padding:11px 18px!important;
  min-width:205px!important;
  font-size:15px!important;
}
.contact-v33::after{
  height:100%!important;
  background-size:cover!important;
  background-position:center right!important;
}
@media(max-width:900px){
  .contact-v33,.contact-v33-content{min-height:auto!important}
  .contact-v33-content{padding-top:32px!important;padding-bottom:32px!important}
}

/* V40 - ispravni anchori zaglavlja */
html{scroll-behavior:smooth}
section[id], .nav-anchor, #dispatch-details, #transport-details, #erp-details{
  scroll-margin-top:100px;
}