/* VON Shipping — approved Premium Modern homepage refinement */
:root{--von-ref-navy:#062744;--von-ref-teal:#08a9b2;--von-ref-orange:#f59e0b}
.von-container{width:min(1368px,calc(100% - 48px))}
/* Header: one clean navigation row, social icons and quote action */
.von-reference-header{height:64px;position:relative;z-index:40;box-shadow:0 2px 10px rgba(5,35,60,.07)}
.von-reference-header .von-header-inner{height:64px;min-height:64px;gap:15px}
.von-reference-header .von-brand{width:250px;min-width:235px;padding-right:22px;gap:10px}
.von-reference-header .von-mark{width:48px;height:42px}
.von-reference-header .von-brand-text strong{font-size:29px}
.von-reference-header .von-brand-text small{font-size:9px}
.von-reference-header .von-nav{min-width:0;flex:1}
.von-reference-header .von-menu{justify-content:space-between;gap:clamp(8px,1.1vw,18px)}
.von-reference-header .von-menu>li{position:relative;flex:0 0 auto}
.von-reference-header .von-menu>li>a{font-size:12px;padding:22px 0;line-height:20px}
.von-reference-header .von-menu>li>a:after{bottom:8px}
.von-reference-header .von-menu>li.menu-item-has-children>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 7px;position:static;background:none}
.von-reference-header .von-menu .sub-menu{display:none;position:absolute;top:100%;left:-15px;min-width:215px;padding:8px 0;margin:0;list-style:none;background:#fff;border:1px solid #e6edf3;border-radius:9px;box-shadow:0 12px 28px rgba(4,35,60,.14)}
.von-reference-header .von-menu>li:hover>.sub-menu,.von-reference-header .von-menu>li:focus-within>.sub-menu{display:block}
.von-reference-header .von-menu .sub-menu a{display:block;padding:9px 15px;font-size:12px;line-height:1.35;white-space:normal}
.von-reference-header .von-menu .sub-menu a:hover{background:#f1f8fa}
.von-header-social{flex:0 0 auto;border-left:1px solid #dce6ee;padding-left:14px}
.von-reference-header .von-social-links{gap:7px}
.von-reference-header .von-social-links a,.von-reference-header .von-social-links .is-placeholder{width:29px;height:29px}
.von-reference-header .von-quote-button{font-size:12px;padding:12px 16px;margin-left:2px}
/* Hero and contact actions */
.von-reference-home .von-hero{min-height:380px;height:380px}
.von-reference-home .von-hero-bg{background-image:linear-gradient(90deg,rgba(4,34,60,.98) 0%,rgba(4,34,60,.90) 29%,rgba(4,34,60,.28) 55%,rgba(4,34,60,.02) 100%),url('../images/hero-ship.jpg');background-position:center center;background-repeat:no-repeat;background-size:100% auto}
.von-reference-home .von-hero-content{padding-top:27px;padding-bottom:60px}
.von-reference-home .von-eyebrow{width:55px;height:4px;margin-bottom:16px}
.von-reference-home .von-kicker{display:none}
.von-reference-home .von-hero h1{font-size:clamp(38px,3.55vw,46px);line-height:1.02;letter-spacing:-1.5px;max-width:510px;margin-bottom:11px}
.von-reference-home .von-hero-copy{font-size:17px;line-height:1.42;max-width:470px;margin-bottom:25px}
.von-reference-home .von-hero-actions{gap:12px;flex-wrap:nowrap}
.von-reference-home .von-hero-actions .von-button{min-height:44px;padding:11px 18px;font-size:13px}
.von-reference-home .von-hero-divider{height:32px;margin:0 3px}
.von-hero-contact-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;color:#fff}
.von-hero-contact-icon svg{width:32px;height:32px;fill:currentColor}
.von-chat-link{font-size:12px;padding:9px 15px;white-space:nowrap}
/* Shipment tracking */
.von-reference-home .von-track-wrap{margin-top:-44px}
.von-reference-home .von-trackbar{grid-template-columns:245px minmax(220px,1.35fr) minmax(190px,.85fr) 182px;gap:16px;min-height:74px;padding:10px 20px;border-radius:13px}
.von-reference-home .von-track-label{gap:13px}
.von-reference-home .von-track-label strong{font-size:17px}
.von-reference-home .von-track-icon{width:47px;height:47px}
.von-reference-home .von-trackbar input,.von-reference-home .von-trackbar select{padding:12px 14px;font-size:13px}
.von-reference-home .von-trackbar button{min-height:46px}
/* Service cards */
.von-reference-home .von-services-strip{padding:12px 0 9px;background:linear-gradient(180deg,#f4f8fb,#eef5f9)}
.von-reference-home .von-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.von-reference-home .von-service-card{min-height:130px;padding:17px 17px;gap:13px;border-radius:13px;border-bottom-width:2px;box-shadow:0 5px 14px rgba(5,45,76,.06)}
.von-reference-home .von-service-icon{width:47px;min-width:47px;height:47px}
.von-reference-home .von-service-icon svg{width:45px;height:45px}
.von-reference-home .von-service-text{gap:8px}
.von-reference-home .von-service-text strong{font-size:16px;line-height:1.2}
.von-reference-home .von-service-text small{font-size:12px;line-height:1.42}
.von-reference-home .von-arrow{width:27px;height:27px}
/* Benefits strip */
.von-reference-home .von-benefits{padding:14px 0 15px;background:#eef5fa}
.von-reference-home .von-benefit-row{justify-content:space-between;gap:16px}
.von-reference-home .von-benefit-row h2{font-size:24px;padding-left:13px;border-left-width:3px}
.von-reference-home .von-benefit{gap:11px;padding-left:20px}
.von-reference-home .von-benefit span{width:40px;height:40px}
.von-reference-home .von-benefit strong{font-size:13px;line-height:1.25}
/* Side-by-side industries and knowledge previews */
.von-editorial-home{padding:20px 0 50px;background:#fff}
.von-editorial-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:30px;align-items:start}
.von-editorial-column{min-width:0}
.von-reference-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;margin-bottom:13px;padding-left:12px;border-left:4px solid var(--von-ref-orange)}
.von-reference-section-heading h2{font-size:20px;line-height:1.15;letter-spacing:-.55px;color:var(--von-ref-navy);margin:0 0 3px;font-weight:800}
.von-reference-section-heading p{font-size:12px;line-height:1.3;color:#5d6e80;margin:0}
.von-reference-knowledge-heading>a{font-size:11px;color:var(--von-ref-teal);font-weight:800;white-space:nowrap}
.von-reference-knowledge-heading>a b{font-size:14px;margin-left:4px}
.von-industry-reference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.von-industry-reference-card{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:8px;color:var(--von-ref-navy)}
.von-industry-photo{display:block;position:relative;width:100%;height:78px;border-radius:9px;overflow:hidden}
.von-industry-photo>img{display:block;width:100%;height:78px;object-fit:cover;border-radius:9px;box-shadow:0 3px 8px rgba(5,35,60,.09)}
.von-industry-reference-card>strong{font-size:11px;line-height:1.2;font-weight:800;max-width:120px;margin-top:1px}
.von-industry-reference-card:hover>strong{color:var(--von-ref-teal)}
.von-article-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.von-article-reference-card{min-width:0;border:0;background:transparent;box-shadow:none;padding:0;overflow:visible}
.von-article-reference-photo{display:block;width:100%;height:70px;overflow:hidden;border-radius:9px;margin-bottom:8px}
.von-article-reference-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.von-article-reference-card:hover .von-article-reference-photo img{transform:scale(1.04)}
.von-article-reference-card h3{font-size:11px;line-height:1.25;font-weight:800;color:var(--von-ref-navy);padding:0;margin:0 0 5px}
.von-article-reference-card h3 a:hover{color:var(--von-ref-teal)}
.von-article-reference-card p{font-size:10px;line-height:1.2;color:#718093;padding:0;margin:0}
/* Compact horizontal footer */
.von-reference-footer{min-height:84px;background:#052743;position:relative;overflow:hidden}
.von-reference-footer:after{right:-35px;bottom:-72px;width:220px;height:145px;opacity:1}
.von-reference-footer-row{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}
.von-reference-footer .von-brand{min-width:250px;padding-right:24px;border-right:1px solid rgba(255,255,255,.28);gap:9px}
.von-reference-footer .von-mark{width:47px;height:41px}
.von-reference-footer .von-brand-text strong{font-size:28px;color:#fff}
.von-reference-footer .von-brand-text small{font-size:8px;color:#fff}
.von-footer-detail{display:flex;align-items:center;gap:10px;color:#e0edf5;font-size:12px;white-space:nowrap}
.von-footer-symbol{color:#13b5bd;font-size:22px;line-height:1}
.von-footer-social{padding-left:18px;border-left:1px solid rgba(255,255,255,.28)}
.von-reference-footer .von-social-links{gap:9px}
.von-reference-footer .von-social-links a,.von-reference-footer .von-social-links .is-placeholder{width:31px;height:31px}
.von-reference-footer .von-social-links svg{width:19px;height:19px}
/* Keep the existing WhatsApp and WeChat floating actions */
.von-float-contact{right:16px;bottom:18px;padding:6px;border-radius:22px}
.von-float-contact a{min-width:126px;padding:8px 11px;font-size:12px}
/* Remove homepage sections not present in the approved reference */
.von-reference-home .von-home-intro,.von-reference-home .von-cta-band{display:none}
@media(max-width:1250px){
 .von-reference-header .von-header-inner{gap:10px}
 .von-reference-header .von-brand{width:220px;min-width:210px;padding-right:14px}
 .von-reference-header .von-brand-text strong{font-size:25px}
 .von-reference-header .von-brand-text small{font-size:8px}
 .von-reference-header .von-menu{gap:9px}
 .von-reference-header .von-menu>li>a{font-size:11px}
 .von-reference-header .von-quote-button{padding:10px 12px;font-size:10px}
 .von-editorial-grid{grid-template-columns:.85fr 1.15fr;gap:22px}
 .von-reference-home .von-service-grid{gap:16px}
}
@media(max-width:1050px){
 .von-reference-header .von-header-inner{justify-content:space-between}
 .von-reference-header .von-menu-toggle{display:block;order:5}
 .von-reference-header .von-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 24px 20px;box-shadow:0 12px 20px rgba(5,35,60,.12)}
 .von-reference-header .von-nav.is-open{display:block}
 .von-reference-header .von-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .von-reference-header .von-menu>li>a{padding:11px 5px;font-size:13px;border-bottom:1px solid #edf1f4}
 .von-reference-header .von-menu .sub-menu{position:static;box-shadow:none;border:0;border-radius:0;padding:0 0 5px 15px}
 .von-reference-header .von-menu>li:hover>.sub-menu{display:none}
 .von-reference-header .von-menu>li:focus-within>.sub-menu{display:block}
 .von-reference-header .von-header-social{margin-left:auto}
 .von-reference-home .von-hero-actions{flex-wrap:wrap}
 .von-reference-home .von-benefit-row{flex-wrap:wrap}
 .von-editorial-grid{grid-template-columns:1fr}
 .von-reference-footer-row{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}
}
@media(max-width:700px){
 .von-container{width:calc(100% - 30px)}
 .von-reference-header,.von-reference-header .von-header-inner{height:66px;min-height:66px}
 .von-reference-header .von-brand{min-width:0;width:auto;padding:0;border:0}
 .von-reference-header .von-brand-text strong{font-size:23px}
 .von-reference-header .von-brand-text small{font-size:7px}
 .von-reference-header .von-header-social{display:none}
 .von-reference-header .von-quote-button{font-size:9px;padding:9px 10px}
 .von-reference-header .von-menu-toggle{order:4}
 .von-reference-home .von-hero{height:auto;min-height:430px}
 .von-reference-home .von-hero-bg{background-position:58% center;background-image:linear-gradient(90deg,rgba(4,34,60,.97),rgba(4,34,60,.77) 65%,rgba(4,34,60,.25)),url('../images/hero-ship.jpg')}
 .von-reference-home .von-hero-content{padding-top:40px;padding-bottom:75px}
 .von-reference-home .von-hero h1{font-size:37px}
 .von-reference-home .von-hero-copy{font-size:14px}
 .von-desktop-break{display:none}
 .von-reference-home .von-hero-actions{gap:9px;flex-wrap:wrap}
 .von-reference-home .von-hero-actions .von-button{font-size:11px;padding:10px 12px}
 .von-reference-home .von-chat-link{font-size:10px;padding:8px 11px}
 .von-reference-home .von-track-wrap{margin-top:-35px}
 .von-reference-home .von-trackbar{grid-template-columns:1fr 1fr;padding:13px;gap:10px}
 .von-reference-home .von-track-label{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}
 .von-reference-home .von-trackbar button{grid-column:1/-1}
 .von-reference-home .von-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .von-reference-home .von-service-card{min-height:112px;padding:12px 10px;gap:8px}
 .von-reference-home .von-service-icon{width:34px;min-width:34px;height:36px}
 .von-reference-home .von-service-icon svg{width:34px;height:34px}
 .von-reference-home .von-service-text strong{font-size:13px}
 .von-reference-home .von-service-text small{font-size:10px}
 .von-reference-home .von-arrow{display:none}
 .von-reference-home .von-benefit-row h2{width:100%;font-size:21px}
 .von-reference-home .von-benefit{width:calc(50% - 8px);padding-left:0;border:0}
 .von-editorial-home{padding:18px 0 24px}
 .von-editorial-grid{gap:24px}
 .von-reference-section-heading h2{font-size:18px}
 .von-reference-section-heading p{font-size:10px}
 .von-industry-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}
 .von-industry-photo,.von-industry-photo>img{height:82px}
 .von-industry-reference-card>strong{font-size:10px}
 .von-article-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .von-article-reference-photo{height:90px}
 .von-article-reference-card h3{font-size:11px}
 .von-reference-footer-row{justify-content:flex-start;gap:14px}
 .von-reference-footer .von-brand{width:100%;min-width:0;border:0;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.2)}
 .von-footer-detail{font-size:10px;white-space:normal}
 .von-footer-social{border:0;padding-left:0;margin-left:auto}
 .von-float-contact{right:8px;bottom:8px}
 .von-float-contact a{min-width:112px;font-size:11px;padding:7px 9px}
}
@media(max-width:420px){
 .von-reference-header .von-quote-button{display:none}
 .von-reference-home .von-hero h1{font-size:33px}
 .von-reference-home .von-trackbar{grid-template-columns:1fr}
 .von-reference-home .von-track-label{grid-column:auto}
 .von-reference-home .von-trackbar button{grid-column:auto}
 .von-reference-home .von-service-grid{grid-template-columns:1fr}
 .von-industry-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .von-reference-footer .von-social-links a,.von-reference-footer .von-social-links .is-placeholder{width:27px;height:27px}
}

/* Fixes based on live installation feedback */
.von-reference-home .von-hero-actions .von-button-outline{margin-left:0}
@media(max-width:1400px){.von-reference-home .von-hero-bg{background-size:cover;background-position:center center}}