/* Cargota transport layer over the supplied reference style */
:root{--cargo-navy:#081b2d;--cargo-amber:#ef9402;--cargo-blue:#123c5a;--cargo-line:#e1e8ef;--cargo-bg:#f4f7fa}
html,body{background:var(--cargo-bg);color:#172433}
body{font-family:'Alegreya Sans',Arial,sans-serif}
.point1{width:100%;max-width:1440px!important;padding-left:28px;padding-right:28px;box-sizing:border-box}
section#main_container>div.inside-container{width:100%;max-width:1440px!important;box-sizing:border-box;padding-top:34px;padding-bottom:54px}
/* White brand strip above the orange navigation */
body>header{height:158px;background:#fff;position:relative;z-index:1000}
body>header>section:first-child{height:100px;background:#fff}
body>header>section.main-menu{height:58px;background:#ef9402}
#logo img{max-width:228px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:none}
section.main-menu ul>li>a{color:#111;font-size:1.15em;font-weight:500}
section.main-menu ul>li>a:hover{color:#fff}
section.main-menu ul>li.active>a{color:#fff;box-shadow:inset 0 -4px 0 #fff}
#top-navigation a,.top-user-navigation a{color:#183044}
#top-navigation a:hover,.top-user-navigation a:hover{color:#d77f00}
span.circle{background:linear-gradient(117deg,#111 0%,#111 50%,#e40000 50%,#e40000 100%)}
span.circle:not(.circle_opened):hover{background:#ef9402}
div.kw-search{background:#111}
div.kw-search:not(.kw-search-active):hover{background:#333}
input[type=submit],input[type=button],a.button,.btn{background:#ef9402;color:#fff;border-radius:6px;box-shadow:none}
input[type=submit]:hover,input[type=button]:hover,a.button:hover,.btn:hover{background:#d77f00;color:#fff}
input[type=text],input[type=search],input[type=password],input[type=number],textarea,select{border-radius:6px;box-shadow:none}
input:focus,textarea:focus,select:focus{border-color:#ef9402;box-shadow:0 0 0 3px rgba(239,148,2,.18)}
section.content_block,section.side_block{background:#fff;border:1px solid var(--cargo-line);border-radius:14px;box-shadow:0 12px 30px rgba(8,27,45,.08)}
section#listings div.picture,ul.featured>li>.picture{border-radius:12px;overflow:hidden}
section#listings.grid a.link-large,ul.featured>li>ul>li a{color:var(--cargo-blue);font-weight:600}
section#listings.grid a.link-large:hover,ul.featured>li>ul>li a:hover{color:#d77f00}
div.listing-details{background:#fff;border:1px solid var(--cargo-line);border-radius:14px;padding:24px;box-shadow:0 12px 30px rgba(8,27,45,.08)}
.search-map-container #search_area{background:#123c5a!important;color:#fff}
body>footer{background:#081b2d;color:#c9d8e4;box-shadow:inset 0 -54px 0 #061321}
nav.footer-menu{border-top-color:rgba(255,255,255,.2)}
nav.footer-menu a{color:#dce7ef}
nav.footer-menu a:hover,nav.footer-menu li.active a{color:#ef9402}
/* Transport hero */
.cargo-hero{min-height:390px;position:relative;overflow:hidden;border-radius:20px;background:#0b2238 url('../img/cargo-hero.jpg') center right/cover no-repeat;box-shadow:0 18px 42px rgba(8,27,45,.22);margin:0 0 32px;isolation:isolate}
.cargo-hero__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,20,34,.97),rgba(5,20,34,.82) 40%,rgba(5,20,34,.15) 82%,rgba(5,20,34,.25))}
.cargo-hero__content{max-width:620px;padding:66px 64px;color:#fff}
.cargo-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f7b733;font-size:.78em;font-weight:700;letter-spacing:.16em}
.cargo-hero__eyebrow:before{content:'';width:24px;height:3px;border-radius:3px;background:#f7b733}
.cargo-hero h1{color:#fff;font-size:clamp(2.2rem,4vw,4rem);line-height:.98;margin:18px 0 16px;font-weight:700;letter-spacing:-.03em}
.cargo-hero p{max-width:470px;color:#d8e5ef;font-size:1.22em;line-height:1.35;margin:0 0 28px}
.cargo-hero__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cargo-hero__actions .button{background:#ef9402;color:#fff;height:46px;line-height:46px;padding:0 25px}
.cargo-hero__link{color:#fff!important;font-weight:600}.cargo-hero__link:hover{color:#f7b733!important;text-decoration:none}
.cargo-hero__route{position:absolute;right:42px;bottom:35px;display:flex;align-items:center;gap:9px;color:#fff;font-size:.75em;font-weight:700;letter-spacing:.14em}.cargo-hero__route i{width:34px;height:1px;background:#f7b733;display:block}.cargo-hero__route b{color:#f7b733;font-size:1.4em}
.home-page-heading{display:none}
/* Mobile: keep language left and login/candado visible right */
@media screen and (max-width:767px){
 .point1{min-width:320px;padding-left:15px;padding-right:15px}
 body>header{height:auto;min-height:140px;background:#fff}
 body>header>section:first-child{height:140px;background:#fff;position:relative}
 body>header>section.main-menu{height:58px;background:#ef9402}
 #top-navigation{position:absolute;left:12px;top:28px;z-index:12;width:auto;margin:0}
 .top-user-navigation{position:absolute;right:12px;top:28px;z-index:12;display:flex!important;width:auto;min-width:40px;margin:0}
 .top-user-navigation .circle{display:inline-block!important;margin:0 0 0 6px}
 .top-user-navigation .circle>span.default{display:inline-block!important}
 #top-navigation .circle,#top-navigation .circle>span.default{display:inline-block!important}
 #logo{position:relative;z-index:5;width:100%;padding:42px 48px 0;box-sizing:border-box;text-align:center}
 #logo img{max-width:205px;max-height:52px}
 .top-user-navigation .circle .content{right:0;left:auto;top:46px}
 .top-user-navigation .circle .content,.top-user-navigation .circle .content a,.top-user-navigation .circle .content label,.top-user-navigation .circle .content input,.top-user-navigation .account-menu-content,.top-user-navigation .account-menu-content a{font-size:16px!important;line-height:1.45!important}
 .top-user-navigation .circle .content{padding:18px 20px!important;min-width:235px}
 .top-user-navigation .circle ul>li{height:auto!important;line-height:1.45!important;padding:7px 0!important}
 div.mobile-menu-button{left:15px;background:#111;border-radius:6px}
 div.mobile-menu-button:hover,ul.menu-mobile.opened+div.mobile-menu-button{background:#333}
 ul.menu-mobile{left:15px;right:15px;background:#ef9402;border-radius:0 0 12px 12px}
 ul.menu-mobile>li.active>a,ul.menu-mobile>li>a:hover{color:#111!important}
 .cargo-hero{min-height:450px;margin:0 0 22px;border-radius:14px;background-position:63% center}
 .cargo-hero__overlay{background:linear-gradient(90deg,rgba(5,20,34,.96),rgba(5,20,34,.65))}
 .cargo-hero__content{padding:42px 26px}.cargo-hero h1{font-size:2.6rem}.cargo-hero p{font-size:1.08em}
 .cargo-hero__route{display:none}
 section#main_container>div.inside-container{padding-top:22px;padding-bottom:32px}
 div.listing-details{padding:16px;border-radius:10px}
}