/* Cargo interaction system v337. Only Utovari; no global WordPress overrides. */
html body.bux3-cargo #bux3{
 --bu337-shade:#073849;--bu337-accent:#00a78d;--bu337-violet:#765ad9;
}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header),
html body.bux3-cargo #bux3 .bux3-side{
 background-image:linear-gradient(110deg,#052d42,#075a6a 40%,#077d72 65%,#05384c)!important;
 background-size:180% 180%!important;
 animation:bu337-flow 28s ease-in-out infinite alternate!important;
}
@keyframes bu337-flow{from{background-position:0 46%}to{background-position:100% 56%}}
html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header){
 position:relative!important;z-index:60!important;
}
html body.bux3-cargo #bux3 .bux3-context:not(.bu-one-context){min-width:0!important;overflow:hidden!important;align-self:center!important}
html body.bux3-cargo #bux3 .bux3-context:not(.bu-one-context)>span,
html body.bux3-cargo #bux3 .bux3-context:not(.bu-one-context)>b{display:none!important}
html body.bux3-cargo #bux3 .bu337-story{
 display:grid!important;grid-template-columns:37px minmax(0,1fr) auto!important;
 position:relative!important;align-items:center!important;gap:10px!important;
 width:100%!important;min-width:0!important;max-width:630px!important;
 height:50px!important;min-height:50px!important;padding:6px 13px!important;
 border:1px solid rgba(108,238,221,.45)!important;
 border-radius:14px!important;
 background:linear-gradient(120deg,rgba(3,54,74,.52),rgba(18,109,113,.34))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 16px rgba(0,24,38,.13)!important;
 isolation:isolate!important;
}
html body.bux3-cargo #bux3 .bu337-story:before{
 content:""!important;position:absolute!important;inset:-2px!important;z-index:-1!important;
 border:1px solid rgba(84,219,210,.36)!important;border-radius:16px!important;
 box-shadow:0 0 14px rgba(18,210,178,.16)!important;pointer-events:none!important;
}
html body.bux3-cargo #bux3 .bu337-story-icon{
 display:grid!important;place-items:center!important;width:37px!important;height:37px!important;
 border-radius:11px!important;color:#e9e0ff!important;font:850 22px/1 system-ui,sans-serif!important;
 background:linear-gradient(140deg,#6354ca,#1b9fb6)!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy{display:grid!important;gap:1px!important;min-width:0!important}
html body.bux3-cargo #bux3 .bu337-story-copy small{
 color:#9be9df!important;font:850 8px/1.1 system-ui,sans-serif!important;
 letter-spacing:.09em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy strong{
 display:block!important;color:#fff!important;font:900 12px/1.2 system-ui,sans-serif!important;letter-spacing:.025em!important;
}
html body.bux3-cargo #bux3 .bu337-story-copy>span{
 display:block!important;color:#d1f3ee!important;font:600 10px/1.2 system-ui,sans-serif!important;
 white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;
}
html body.bux3-cargo #bux3 .bu337-story-cta{
 min-height:33px!important;padding:5px 10px!important;border:1px solid rgba(167,241,232,.42)!important;
 border-radius:9px!important;color:#fff!important;background:rgba(255,255,255,.12)!important;
 font:850 10px/1.15 system-ui,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu337-story-cta:hover{
 background:rgba(24,177,157,.34)!important;border-color:rgba(150,244,226,.85)!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots{
 position:absolute!important;bottom:3px!important;left:61px!important;display:flex!important;gap:4px!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots i{
 width:9px!important;height:2px!important;border-radius:5px!important;background:rgba(255,255,255,.3)!important;
}
html body.bux3-cargo #bux3 .bu337-story-dots i.is-current{
 width:17px!important;background:#72edda!important;
}
@media(max-width:1080px){
 html body.bux3-cargo #bux3 .bu337-story{grid-template-columns:32px minmax(0,1fr)!important;padding:4px 8px!important;gap:7px!important}
 html body.bux3-cargo #bux3 .bu337-story-icon{width:32px!important;height:32px!important}
 html body.bux3-cargo #bux3 .bu337-story-cta{display:none!important}
 html body.bux3-cargo #bux3 .bu337-story-copy small{display:none!important}
 html body.bux3-cargo #bux3 .bu337-story-dots{left:47px!important}
}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bu337-story{display:none!important}
}
/* Real, readable language selection with native language routing intact. */
html body.bux3-cargo #bux3 .bux3-lang:not(.bu-one-language){isolation:isolate!important;background:rgba(255,255,255,.12)!important}
html body.bux3-cargo #bux3 .bux3-lang:not(.bu-one-language) b{font:900 11px/1 system-ui,sans-serif!important;letter-spacing:.02em!important;color:#fff!important}
html body.bux3-cargo #bux3 .bux3-lang:not(.bu-one-language) select{pointer-events:auto!important}
/* v363: removed retired Cargo-only language picker CSS; shared body popup is used. */
/* Relevant public pages, nested within the compact left rail. */
html body.bux3-cargo #bux3 .bu337-public{display:grid!important;gap:5px!important;margin:5px 0 10px!important;min-width:0!important}
html body.bux3-cargo #bux3 .bux3-side .bu337-public-trigger{
 display:flex!important;justify-content:flex-start!important;align-items:center!important;
 gap:7px!important;min-height:39px!important;height:auto!important;padding:5px 10px!important;
 border:1px solid rgba(123,212,205,.24)!important;border-radius:10px!important;
 background:rgba(10,111,113,.17)!important;color:#b8f1e6!important;
 font:850 11px/1.3 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-public-trigger>span:nth-child(2){display:block!important;flex:1 1 auto!important}
html body.bux3-cargo #bux3 .bu337-public-links[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu337-public-links{display:grid!important;gap:2px!important;padding:3px 0 3px 16px!important}
html body.bux3-cargo #bux3 .bux3-side .bu337-public-links a{
 display:flex!important;min-height:34px!important;height:auto!important;
 padding:7px 9px!important;border-radius:8px!important;font:750 11px/1.2 system-ui,sans-serif!important;
}
@media(min-width:701px) and (max-width:900px){
 html body.bux3-cargo #bux3 .bux3-side .bu337-public-trigger{
  flex-direction:column!important;justify-content:center!important;gap:4px!important;
  min-height:54px!important;padding:5px 2px!important;
 }
 html body.bux3-cargo #bux3 .bu337-public-trigger>span:nth-child(2){font-size:9px!important}
 html body.bux3-cargo #bux3 .bu337-public-links{padding:2px!important}
 html body.bux3-cargo #bux3 .bux3-side .bu337-public-links a{font-size:9px!important;text-align:center!important;justify-content:center!important}
}
/* Shared custom drawer geometry, no spring bounce. */
@keyframes bu337-ease-in{from{transform:translateY(6px);opacity:.88}to{transform:translateY(0);opacity:1}}
@keyframes bu337-sheet-in{from{transform:translateX(16px);opacity:.87}to{transform:translateX(0);opacity:1}}
@media(min-width:901px){
 html body.bux3-cargo #bux3 #bux3-apps-modal.bu330-drawer>.bux3-modal,
 html body.bux3-cargo #bux3 #bux3-messages-modal.bu330-drawer>.bux3-modal{
  width:min(58vw,880px)!important;max-width:880px!important;
  height:100dvh!important;border-radius:20px 0 0 20px!important;
  animation:bu337-sheet-in .21s cubic-bezier(.22,1,.36,1) both!important;
 }
 html body.bux3-cargo #bux3 #bux3-apps-modal .bux3-apps{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;
  gap:14px!important;padding:21px!important;
 }
}
html body.bux3-cargo #bux3 #bux3-apps-modal .bu330-app-card{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
 min-width:0!important;min-height:290px!important;padding:22px!important;gap:12px!important;
 border-radius:19px!important;box-shadow:0 12px 26px rgba(3,58,78,.08)!important;
 transition:border-color .16s ease,box-shadow .16s ease!important;animation:none!important;
}
html body.bux3-cargo #bux3 #bux3-apps-modal .bu330-app-card:hover{
 border-color:#9bdccd!important;box-shadow:0 16px 32px rgba(4,77,86,.13)!important;
}
html body.bux3-cargo #bux3 #bux3-apps-modal .bu330-app-card>a{
 margin-top:auto!important;min-height:41px!important;font-size:12px!important;
}
html body.bux3-cargo #bux3 #bux3-apps-modal .bu330-app-card>a+a{margin-top:0!important}
html body.bux3-cargo #bux3 .bu330-drawer .bux3-modal-head{
 box-shadow:inset 0 -1px rgba(255,255,255,.15)!important;
}
html body.bux3-cargo #bux3 .bux3-head-btn[data-apps]{
 position:relative!important;isolation:isolate!important;
 border-color:rgba(160,233,217,.55)!important;
 box-shadow:0 0 0 1px rgba(60,207,185,.20),0 0 11px rgba(71,216,215,.17)!important;
}
html body.bux3-cargo #bux3 .bux3-head-btn[data-apps]:after{
 content:""!important;position:absolute!important;inset:-3px!important;
 border:1px solid rgba(69,232,209,.55)!important;border-radius:15px!important;
 box-shadow:0 0 12px rgba(64,225,214,.24)!important;pointer-events:none!important;
}
/* Alert center above the header and dock, but below its own internal controls. */
html body.bux3-cargo #bux3 .bu337-alerts[hidden]{display:none!important}
html body.bux3-cargo #bux3 .bu337-alerts{
 position:fixed!important;inset:0!important;z-index:2147483615!important;
 display:flex!important;align-items:stretch!important;justify-content:flex-end!important;
 background:rgba(1,23,37,.55)!important;isolation:isolate!important;
}
html body.bux3-cargo #bux3 .bu337-alert-shade{position:absolute!important;inset:0!important}
html body.bux3-cargo #bux3 .bu337-alert-panel{
 position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;
 width:min(56vw,760px)!important;max-width:100vw!important;height:100dvh!important;overflow:hidden!important;
 border-radius:19px 0 0 19px!important;background:#f9fcfc!important;
 box-shadow:-18px 0 54px rgba(2,31,43,.27)!important;
 animation:bu337-sheet-in .21s cubic-bezier(.22,1,.36,1) both!important;
}
html body.bux3-cargo #bux3 .bu337-alert-panel>header{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 padding:21px!important;background:linear-gradient(116deg,#04384d,#087d72)!important;color:#fff!important;
}
html body.bux3-cargo #bux3 .bu337-alert-panel>header small{
 color:#8cf4de!important;font:850 10px/1.2 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-alert-panel h2{
 margin:4px 0 0!important;color:#fff!important;font:900 20px/1.2 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-alert-panel>header button{
 width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;
 border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.1)!important;
 color:#fff!important;font:500 25px/1 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu337-alert-body{
 flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important;display:grid!important;
 align-content:start!important;gap:15px!important;padding:20px!important;
}
html body.bux3-cargo #bux3 .bu337-alert-summary{
 min-height:43px!important;padding:13px!important;border:1px solid #bbe6dd!important;border-radius:13px!important;
 background:#e6f8f2!important;color:#096e64!important;font:850 12px/1.4 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-alert-list{
 padding:13px!important;border:1px solid #d9e8e9!important;border-radius:13px!important;
 background:#fff!important;color:#436671!important;font:650 12px/1.5 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-alert-item{padding:9px 0!important;border-bottom:1px solid #e0edee!important}
html body.bux3-cargo #bux3 .bu337-alert-setting{
 display:flex!important;align-items:center!important;gap:10px!important;
 min-height:45px!important;padding:10px 12px!important;border:1px solid #d8e9e6!important;
 border-radius:11px!important;background:#fff!important;color:#204b56!important;
 font:800 12px/1.35 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-alert-setting input{width:19px!important;height:19px!important;accent-color:#078d7a!important}
html body.bux3-cargo #bux3 .bu337-browser-opt,
html body.bux3-cargo #bux3 .bu337-alert-panel>footer button{
 min-height:44px!important;padding:10px 14px!important;border:1px solid #abd8d1!important;
 border-radius:11px!important;background:#e6f7f2!important;color:#08766b!important;
 font:850 12px/1.25 system-ui,sans-serif!important;cursor:pointer!important;
}
html body.bux3-cargo #bux3 .bu337-browser-opt:disabled{opacity:.5!important;cursor:default!important}
html body.bux3-cargo #bux3 .bu337-alert-hint{
 margin:0!important;color:#69828c!important;font:600 11px/1.5 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-alert-panel>footer{
 display:flex!important;padding:14px 20px!important;border-top:1px solid #dce9ea!important;background:#fff!important;
}
html body.bux3-cargo #bux3 .bu337-alert-panel>footer button{width:100%!important;background:#087f72!important;color:#fff!important;border:0!important}
/* Header bell remains reachable on desktop; mobile gets a dedicated results action. */
@media(min-width:901px){
 html body.bux3-cargo #bux3 .bux3-head-actions:not(.bu-one-actions)>.bux3-notice{
  display:grid!important;place-items:center!important;
  flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;
 }
}
html body.bux3-cargo #bux3 .bux3-results-tools .bu337-mobile-alert{
 display:none!important;align-items:center!important;justify-content:center!important;
 min-height:30px!important;height:30px!important;padding:5px 9px!important;
 border:1px solid #bfdfda!important;border-radius:9px!important;
 background:#eef8f6!important;color:#0c716b!important;
 font:850 10px/1.2 system-ui,sans-serif!important;cursor:pointer!important;
}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bux3-results-tools .bu337-mobile-alert{
  display:inline-flex!important;
 }
}
/* Tabs, notification state and genuine new load indicator. */
html body.bux3-cargo #bux3 .bux3-tab-add:disabled{
 opacity:.37!important;cursor:not-allowed!important;box-shadow:none!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab{transition:border-color .15s ease,background-color .15s ease!important}
html body.bux3-cargo #bux3 .bux3-search-tab.is-watched{
 border-color:#8ad4cb!important;box-shadow:inset 3px 0 #18b4a2!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab.has-fresh{
 border-color:#54c4db!important;background:linear-gradient(130deg,#edfcff,#e2f6f8)!important;
 box-shadow:inset 3px 0 #14a5c0,0 0 12px rgba(26,178,216,.17)!important;
}
html body.bux3-cargo #bux3 .bux3-search-tab.has-fresh .bux281-tab-select{
 color:#114d60!important;
}
html body.bux3-cargo #bux3 #bux3-watch-status{
 display:block!important;padding:7px 9px!important;border:1px solid #f1d49a!important;
 border-radius:9px!important;background:#fff8e9!important;color:#87561a!important;
 font:750 11px/1.4 system-ui,sans-serif!important;
}
html body.bux3-cargo #bux3 .bu337-visit{
 flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
 border-radius:6px!important;padding:3px 5px!important;color:#67818b!important;
 background:#edf4f5!important;font:850 8px/1.2 system-ui,sans-serif!important;
 white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bu337-visit.is-new{
 color:#096f69!important;background:#d9fbf3!important;
}
html body.bux3-cargo #bux3 .bux3-card.bu337-new{
 border-color:#68d7cb!important;box-shadow:0 0 0 1px rgba(20,203,176,.5),0 0 13px rgba(28,209,196,.18)!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bu337-detail-inline{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:44px!important;max-width:90px!important;
 min-height:29px!important;height:29px!important;padding:3px 8px!important;
 margin:0!important;border:1px solid #b7e2da!important;border-radius:8px!important;
 background:#e7f8f3!important;color:#0b776d!important;
 box-shadow:none!important;font:850 10px/1.1 system-ui,sans-serif!important;white-space:nowrap!important;
}
html body.bux3-cargo #bux3 .bux3-card-head{
 display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;
 min-height:32px!important;height:auto!important;flex-wrap:wrap!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bux3-price{
 margin-left:auto!important;
}
html body.bux3-cargo #bux3 .bux3-card .bux3-card-foot{
 min-height:24px!important;
}
html body.bux3-cargo #bux3 .bux3-card-head .bu330-msg-btn,
html body.bux3-cargo #bux3 .bux3-card-head .bux3-save{
 flex:0 0 27px!important;width:27px!important;height:27px!important;min-width:27px!important;
}
/* Map stays visible, but pin layer is gated until search criteria exist. */
html body.bux3-cargo #bux3.bu336-map-default .bux3-map-wrap.is-gated .bux266-map-gate{
 display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;
 background:linear-gradient(180deg,transparent 35%,rgba(5,39,52,.22))!important;
 pointer-events:none!important;padding:12px!important;
}
html body.bux3-cargo #bux3 .bux266-map-gate .bu-map-preview-card{
 max-width:390px!important;border:1px solid #c4e3dc!important;background:rgba(255,255,255,.97)!important;
 border-radius:13px!important;box-shadow:0 10px 25px rgba(3,42,59,.12)!important;pointer-events:auto!important;
}
html body.bux3-cargo #bux3 .bux3-map-wrap.is-gated .bu-map-preview-art{display:none!important}
@media(max-width:900px){
 html body.bux3-cargo #bux3 .bu337-alert-panel{width:min(100vw,570px)!important;border-radius:0!important}
 html body.bux3-cargo #bux3 .bux3-card-head .bu337-detail-inline{min-width:32px!important;padding:3px 5px!important;font-size:9px!important}
 html body.bux3-cargo #bux3 .bu337-visit{font-size:7px!important;padding:2px 3px!important}
}
@media(max-width:700px){
 html body.bux3-cargo #bux3 .bu337-lang-popup{max-height:60dvh!important}
 html body.bux3-cargo #bux3 .bux3-card-head .bu337-detail-inline{
  min-width:29px!important;max-width:44px!important;overflow:hidden!important;text-overflow:clip!important;
 }
 html body.bux3-cargo #bux3 .bu337-alert-body{padding:14px!important}
 html body.bux3-cargo #bux3 .bu337-alert-panel>header{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bux3-cargo #bux3 .bux3-top:not(.bu-one-header),
 html body.bux3-cargo #bux3 .bux3-side{animation:none!important}
 html body.bux3-cargo #bux3 .bu337-alert-panel,
 html body.bux3-cargo #bux3 .bu337-lang-popup,
 html body.bux3-cargo #bux3 .bu330-drawer>.bux3-modal{animation:none!important}
}