/* WESTO Cargo mobile polish 2026-10-31. Loaded after Horizon + RTL layers. */
@media(max-width:900px){
  body.horizon .site-header{height:72px;min-height:72px}
  body.horizon .header-inner{gap:10px;min-width:0;padding-inline:16px}
  body.horizon .brand{width:clamp(128px,28vw,165px)!important;min-width:0!important;max-width:40vw;flex:0 1 auto;min-height:0;height:auto!important;overflow:visible!important}
  body.horizon .brand img{width:100%!important;height:auto!important;max-height:55px!important;object-fit:contain!important;object-position:left center!important}
  body.horizon .h-account{margin-inline-start:auto;margin-left:auto;gap:5px;font-size:12px;white-space:nowrap;flex:0 0 auto}
  body.horizon .h-account-icon{font-size:21px}
  body.horizon .mobile-toggle{margin:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;font-size:27px;line-height:1;flex-shrink:0;cursor:pointer}
  body.horizon .navigation{top:100%;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
  body.horizon .h-hero-copy{min-width:0}
  body.horizon .h-dock-wrap{position:relative;z-index:8}
}
@media(max-width:600px){
  body.horizon .site-header{height:69px;min-height:69px}
  body.horizon .header-inner{padding-inline:14px;gap:7px}
  body.horizon .brand{width:clamp(125px,35vw,155px)!important;max-width:42vw}
  body.horizon .brand img{max-height:49px!important}
  body.horizon .h-account{font-size:11px;gap:4px}
  body.horizon .h-account-icon{font-size:19px}
  body.horizon .mobile-toggle{width:42px;height:44px;min-width:42px;font-size:26px}
  body.horizon .navigation{top:100%;padding:14px 20px 20px}
  body.horizon .h-home .h-hero{min-height:0}
  body.horizon .h-home .h-hero-inner{padding-top:60px;padding-bottom:96px}
  body.horizon .h-home .h-hero h1{font-size:clamp(35px,9.8vw,47px);line-height:1.09;letter-spacing:-.045em;overflow-wrap:normal;margin-bottom:18px}
  body.horizon .h-home .h-hero p{font-size:15px;line-height:1.55;margin-bottom:24px;max-width:34ch}
  body.horizon .h-home .h-kicker{font-size:10px;letter-spacing:.17em;margin-bottom:17px;line-height:1.5}
  body.horizon .h-home .h-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}
  body.horizon .h-home .h-actions .h-pill{display:flex;white-space:normal;padding:12px 10px;font-size:11px;line-height:1.3;min-height:51px;gap:6px;text-align:center}
  body.horizon .h-home .h-dock-wrap{padding:0 12px;margin-top:-27px}
  body.horizon .h-home .h-dock{padding:11px 13px 15px;border-radius:17px;box-shadow:0 13px 38px rgba(8,27,58,.12);border:1px solid #edf0f5;overflow:hidden}
  body.horizon .h-home .h-dock .h-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;overflow:visible;align-items:stretch;justify-content:stretch;width:100%;margin:0 0 17px;padding:0;border-bottom:1px solid #e7eaf0}
  body.horizon .h-home .h-tabs a{display:flex;align-items:center;justify-content:center;min-width:0!important;width:100%;max-width:100%;min-height:54px;padding:9px 4px;font-size:10px;line-height:1.25;text-align:center;font-weight:750;white-space:normal;overflow-wrap:break-word;word-break:normal;flex:none;border-radius:8px 8px 0 0;border-bottom-width:2px}
  body.horizon .h-home .h-tabs .h-tab-icon{display:none}
  body.horizon .h-home .h-quote-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px;align-items:end;width:100%;margin:0}
  body.horizon .h-home .h-quote-form label{display:block;min-width:0;width:100%;font-size:12px;font-weight:750;color:#354662;line-height:1.35;margin:0}
  body.horizon .h-home .h-quote-form label:first-child{grid-column:1/-1}
  body.horizon .h-home .h-quote-form input,body.horizon .h-home .h-quote-form select{display:block;width:100%;min-width:0;height:47px;margin-top:7px;padding:0 11px;border-radius:9px;background:#fff;border:1px solid #d7dee9;color:#132544;font-size:14px;font-weight:500;box-sizing:border-box}
  body.horizon .h-home .h-quote-form input::placeholder{color:#8490a0}
  body.horizon .h-home .h-quote-form button{display:flex;grid-column:1/-1;align-items:center;justify-content:center;width:100%;min-height:49px;margin-top:3px;white-space:normal;font-size:13px;border-radius:999px;padding:12px 18px;line-height:1.35;position:relative;z-index:1}
  body.horizon .h-home .h-content{padding-top:52px}
  body.horizon .h-home .h-heading h2{font-size:clamp(29px,8.2vw,38px);line-height:1.13}
  body.horizon .h-home .h-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.horizon .h-home .h-card-title{font-size:13px;line-height:1.35}
  body.horizon .h-home .h-card-body p{font-size:12px;line-height:1.5}
  body.horizon .h-home .hz-editorial-consult h2,body.horizon .h-home .hz-editorial-watch h2{font-size:clamp(31px,8.6vw,43px);line-height:1.15}
  body.horizon .h-home .hz-editorial-watch .dashboard-grid{grid-template-columns:1fr}
  body.horizon .h-home .hz-editorial-news .dashboard-card{padding:24px;min-height:0}
  body.horizon .h-home .hz-editorial-lane-art{max-width:100%;overflow:hidden}
  body.horizon .h-home .hz-editorial-lane-art span{font-size:clamp(13px,4.2vw,19px)}
  body.horizon .whatsapp-float{width:49px;height:49px;min-width:49px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;right:14px;left:auto;bottom:calc(77px + env(safe-area-inset-bottom,0px));box-shadow:0 7px 22px rgba(6,26,53,.22);transition:opacity .18s ease,transform .18s ease;z-index:65}
  body.horizon .whatsapp-float svg{width:24px;height:24px}
  body.horizon .whatsapp-float span{display:none}
  body.horizon.westo-form-in-view .whatsapp-float{opacity:0;pointer-events:none;transform:translateY(10px)}
  body.horizon .footer-grid,body.horizon .footer-bottom{overflow-wrap:break-word}
}
@media(max-width:360px){body.horizon .header-inner{gap:3px}body.horizon .brand{width:116px!important;max-width:36vw}body.horizon .h-account{font-size:10px}body.horizon .h-home .h-hero h1{font-size:34px}body.horizon .h-home .h-quote-form{grid-template-columns:1fr}body.horizon .h-home .h-quote-form label{grid-column:1/-1}body.horizon .h-home .h-card-grid{grid-template-columns:1fr}}
/* The same mobile layout for Arabic: the direction of the text follows RTL and the photos remain unchanged. */
@media(max-width:600px){html[lang="ar"] body.horizon .h-home .h-tabs{direction:rtl}html[lang="ar"] body.horizon .h-home .h-quote-form label{text-align:right}html[lang="ar"] body.horizon .h-home .h-quote-form input,html[lang="ar"] body.horizon .h-home .h-quote-form select{text-align:right}html[lang="ar"] body.horizon .h-home .h-hero h1{letter-spacing:0;line-height:1.24;font-size:clamp(31px,8vw,43px)}html[lang="ar"] body.horizon .header-inner{direction:rtl}html[lang="ar"] body.horizon .h-account{margin-right:auto;margin-left:0}html[lang="ar"] body.horizon .whatsapp-float{left:14px;right:auto}}

/* Mobile hero curve and quotation dock separation 2026-10-31 v2 */
@media(max-width:900px){
  /* Avoid placing the card over the curved white edge of the hero photograph. */
  body.horizon .h-home .h-dock-wrap { margin-top: 12px!important; padding-top: 0; position:relative; z-index:8; }
  body.horizon .h-home .h-hero::after { display:block!important; visibility:visible!important; opacity:1!important; }
  body.horizon .h-home .h-dock { box-shadow:0 14px 40px rgba(8,29,59,.12); }
}
@media(max-width:600px){
  body.horizon .h-home .h-dock-wrap { margin-top: 11px!important; }
  body.horizon .h-home .h-hero p { white-space:normal; overflow-wrap:normal; word-break:normal; line-height:1.56; max-width:35ch; }
  body.horizon .h-home .h-hero::after { height:68px!important; }
}

/* Career office photograph: mobile subject visibility 2026-10-31 */
@media(max-width:600px){
  body.horizon .h-home .hz-editorial-career{padding-bottom:228px;}
  body.horizon .h-home .hz-editorial-career img{height:205px;object-fit:cover;object-position:center 32%;display:block;width:100%;} 
}