/* lowes-related-links-v1-2026-09-05 -- related links. Two templates exist on this site (the main chrome and
   the lighter .sl-* search-landing template), so the block is styled to sit correctly
   in both rather than assuming one. */
body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related{
  border-top:1px solid rgba(12,32,56,.12);
  padding:34px 0 8px;
  margin-top:8px;
}
body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related h2{
  font-size:1.06rem;
  margin:0 0 4px;
  letter-spacing:.01em;
}
body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related > p{
  margin:0 0 16px;
  font-size:.92rem;
  opacity:.78;
}
body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related a{
  display:flex;
  align-items:center;
  /* Comfortably past the 24px WCAG 2.2 SC 2.5.8 minimum, and the whole row is the
     target so there is no small text link to miss. */
  min-height:46px;
  padding:10px 14px;
  border:1px solid rgba(12,32,56,.14);
  border-radius:10px;
  text-decoration:none;
  color:inherit;
  font-size:.92rem;
  line-height:1.35;
  background:rgba(255,255,255,.6);
  transition:border-color .18s ease, transform .18s ease;
}
body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related a:hover,
body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related a:focus-visible{
  border-color:rgba(12,32,56,.36);
  transform:translateY(-1px);
}
@media(max-width:900px){
  body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related ul{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related a{transition:none}
  body[data-related-links="lowes-related-links-v1-2026-09-05"] .lv-related a:hover{transform:none}
}