/* DINOGOODS — WHAT WE DO horizontal service rail */
.service-grid{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(300px,31%);
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  cursor:grab;
}
.service-grid::-webkit-scrollbar{display:none}
.service-grid:active{cursor:grabbing}
.service-grid article{
  min-width:0;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
@media(max-width:899px){
  .service-grid{
    grid-template-columns:none!important;
    grid-auto-columns:minmax(280px,72vw);
  }
}
@media(max-width:520px){
  .service-grid{
    grid-template-columns:none!important;
    grid-auto-columns:82vw;
  }
}
@media(prefers-reduced-motion:reduce){
  .service-grid{scroll-behavior:auto}
}