/* v5 service order: keep the visual order identical to the requested list.
   A single column avoids the two-column grid making item 7 look like item 4. */
.service-card-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.service-card-grid .service-card{order:initial !important; width:100%; min-height:132px;}
.service-card-grid [data-market-qr="gold"]{order:1 !important}
.service-card-grid [data-market-qr="diamond"]{order:2 !important}
.service-card-grid [data-gallery-card]{order:3 !important}
.service-card-grid [data-service-page="talk"]{order:4 !important}
.service-card-grid [data-service-tool="document"]{order:5 !important}
.service-card-grid [data-service-page="stats"]{order:6 !important}
.service-card-grid [data-service-tool="tutorial"]{order:7 !important}
.service-card-grid [data-service-page="history"]{order:8 !important}
@media (min-width:681px){
  .service-card-grid .service-card{min-height:118px; flex-direction:row; align-items:center; gap:14px;}
  .service-card-grid .service-card .service-icon{margin:0; flex:0 0 34px;}
  .service-card-grid .service-card small{margin:0 auto 0 0;}
  .service-card-grid .service-card b{margin:0 0 0 auto;}
}