/* Precision One Header Van — layout only. Artwork CSS is isolated in Shadow DOM. */
po-header-van {
  display:inline-block;position:relative;vertical-align:middle;flex:0 0 auto;
  width:var(--po-hv-width,148px);height:auto;aspect-ratio:2.05;
  max-width:100%;line-height:0;isolation:isolate;
}
@media(max-width:900px){po-header-van{width:var(--po-hv-mobile-width,88px)}}
/* Scoped to the header inspected on precisiononeservices.com. Other headers are untouched. */
body.po-hv-auto #p1-header .p1-nav {max-width:1360px;gap:18px}
body.po-hv-auto #p1-header .p1-nav-cta {gap:10px;position:relative}
body.po-hv-auto #p1-header .p1-nav-cta:not(.po-hv-mounted)::before {
  content:"";display:block;flex:0 0 auto;width:var(--po-hv-width,148px);aspect-ratio:2.05;
}
body.po-hv-auto #p1-header .p1-nav-cta.po-hv-no-target::before{display:none}
body.po-hv-auto #p1-header .p1-nav-cta>po-header-van{
  width:var(--po-hv-width,148px);margin:0!important;padding:0!important;
}
body.po-hv-auto #p1-header .p1-nav-cta .p1-btn-red{min-height:44px}
/* Keep all desktop links at tablet/laptop widths; use a second navigation row
   instead of changing the site's 900px mobile-menu / accordion breakpoint. */
@media(min-width:901px) and (max-width:1279px){
  body.po-hv-auto #p1-header .p1-nav{flex-wrap:wrap;padding-top:12px;padding-bottom:10px;row-gap:2px}
  body.po-hv-auto #p1-header .p1-brand{order:1}
  body.po-hv-auto #p1-header .p1-nav-cta{order:2;margin-left:auto}
  body.po-hv-auto #p1-header .p1-nav-links{order:3;flex-basis:100%;width:100%;justify-content:center}
}
@media(max-width:900px){
  body.po-hv-auto #p1-header .p1-nav{gap:10px}
  body.po-hv-auto #p1-header .p1-nav-cta{gap:8px}
  body.po-hv-auto #p1-header .p1-nav-cta>po-header-van,
  body.po-hv-auto #p1-header .p1-nav-cta:not(.po-hv-mounted)::before{width:var(--po-hv-mobile-width,88px)}
}
@media(max-width:600px){
  body.po-hv-auto #p1-header .p1-nav{padding:10px 12px;gap:8px}
  body.po-hv-auto #p1-header .p1-brand{min-width:0;flex:0 1 auto}
  body.po-hv-auto #p1-header .p1-brand img{height:auto;max-height:44px;width:86px;object-fit:contain}
  body.po-hv-auto #p1-header .p1-nav-cta{gap:6px}
  body.po-hv-auto #p1-header .p1-nav-cta .p1-btn-red{padding:11px 12px;font-size:13px;min-height:44px}
  body.po-hv-auto #p1-header .p1-menu-toggle{width:44px;min-width:44px;min-height:44px}
}
@media(max-width:374px){
  body.po-hv-auto #p1-header .p1-nav{padding-left:8px;padding-right:8px;gap:6px}
  body.po-hv-auto #p1-header .p1-brand img{width:68px;max-height:36px}
  body.po-hv-auto #p1-header .p1-nav-cta{gap:4px}
  body.po-hv-auto #p1-header .p1-nav-cta .p1-btn-red{padding:11px 9px;font-size:12px}
  body.po-hv-auto #p1-header .p1-nav-cta>po-header-van,
  body.po-hv-auto #p1-header .p1-nav-cta:not(.po-hv-mounted)::before{width:min(var(--po-hv-mobile-width,88px),72px)}
}
/* Keep the entire desktop row inside the viewport even while the display font loads. */
@media(min-width:901px){
  body.po-hv-auto #p1-header .p1-nav-top{font-size:clamp(13px,1.02vw,15px);padding-left:7px;padding-right:7px}
  body.po-hv-auto #p1-header .p1-has-drop>.p1-nav-top{padding-right:3px}
  body.po-hv-auto #p1-header .p1-drop-toggle{padding-left:0;padding-right:3px}
  body.po-hv-auto #p1-header .p1-nav-cta .p1-btn-red{font-size:14px;padding-left:17px;padding-right:17px}
}

/* Width settings stay within a safe footprint on compact devices. */
@media(min-width:1280px) and (max-width:1399px){
 body.po-hv-auto #p1-header .p1-nav-cta>po-header-van,
 body.po-hv-auto #p1-header .p1-nav-cta:not(.po-hv-mounted)::before{width:min(var(--po-hv-width,148px),148px)}
}
@media(min-width:375px) and (max-width:420px){
 body.po-hv-auto #p1-header .p1-nav-cta>po-header-van,
 body.po-hv-auto #p1-header .p1-nav-cta:not(.po-hv-mounted)::before{width:min(var(--po-hv-mobile-width,88px),88px)}
}