
/*
 * Lowes Van Lines Visual Regression V14
 * Final, presentation-only repair layer for screenshot-confirmed regressions.
 * No legal, consent, CRM, route, pricing, tracking, or carrier semantics change.
 */
body[data-visual-regression-v14] .lv-service-story{isolation:isolate}
body[data-visual-regression-v14] .lv-service-story>i{
  background:linear-gradient(180deg,rgba(3,17,31,.04) 8%,rgba(3,17,31,.18) 36%,rgba(3,17,31,.78) 72%,rgba(3,17,31,.96) 100%)!important;
}
body[data-visual-regression-v14] .lv-service-story>div{
  z-index:2;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28)
}
body[data-visual-regression-v14] .lv-service-story :is(h2,h3,h4){color:#fff!important}
body[data-visual-regression-v14] .lv-service-story :is(p,small){color:rgba(255,255,255,.88)!important}
body[data-visual-regression-v14] .lv-service-story>div>span{color:rgba(255,255,255,.94)!important}
body[data-visual-regression-v14] .lv-service-story :is(b,strong){color:#ffbd9f!important}
body[data-visual-regression-v14] .lv-service-story:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* Resource cards must shrink inside the grid instead of forcing horizontal crop. */
body[data-visual-regression-v14] .resource-grid{
  width:100%!important;max-width:100%!important;min-width:0!important;grid-auto-flow:row
}
body[data-visual-regression-v14] .resource-card{
  width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden
}
body[data-visual-regression-v14] .resource-card>*{min-width:0;max-width:100%}
body[data-visual-regression-v14] a[data-v14-guides-cta]{
  color:#fff!important;background:#071f38!important;border-color:#071f38!important;
  box-shadow:0 12px 28px rgba(7,31,56,.14)!important
}
body[data-visual-regression-v14] a[data-v14-guides-cta]:is(:hover,:focus-visible){
  color:#fff!important;background:#0d355b!important;border-color:#0d355b!important
}

/* The public phone is part of the footer information hierarchy, not a detached
   floating row. Keep it compact, left-aligned with the footer container, and legible. */
body[data-visual-regression-v14] .site-footer{padding-bottom:clamp(24px,3vw,38px)!important}
body[data-visual-regression-v14] .legal-business-phone{
  justify-content:flex-start!important;align-items:center!important;text-align:left!important;
  margin-top:18px!important;padding:18px 0 0!important;border-top:1px solid rgba(255,255,255,.12);
  color:#dbe5ef!important;font-size:.9rem!important
}
body[data-visual-regression-v14] .legal-business-phone :is(strong,a){color:#fff!important}
body[data-visual-regression-v14] .legal-business-phone a{text-decoration-color:rgba(255,255,255,.55)!important}

/* Owner-supplied moving-journey media should read as a real section, not a tiny
   clip isolated in a large blank field. */
body[data-visual-regression-v14] .lv-media-v2-band{padding-block:clamp(42px,5vw,72px)!important}
body[data-visual-regression-v14] .lv-media-v2:has(source[src="/assets/video-v2/moving-journey.mp4"]){width:min(720px,100%)!important;max-width:720px!important}
body[data-visual-regression-v14] .lv-media-v2 video{width:100%!important}
body[data-visual-regression-v14] .lv-media-v2 figcaption{margin-top:12px;line-height:1.45}

@media(max-width:1280px){
  body[data-visual-regression-v14] .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-visual-regression-v14] .resource-card{min-height:0!important}
}
@media(max-width:700px){
  body[data-visual-regression-v14] .resource-grid{grid-template-columns:1fr!important}
  body[data-visual-regression-v14] .lv-service-story>div{padding:22px!important}
  body[data-visual-regression-v14] .legal-business-phone{display:grid!important;gap:4px!important}
  body[data-visual-regression-v14] .lv-media-v2-band{padding-block:34px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-visual-regression-v14] .resource-card,
  body[data-visual-regression-v14] .lv-service-story{transition:none!important}
}
