/* MEDIX: Services page - card grid + platform filter row (self-contained, scoped to .medix-* classes only) */
.medix-services-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}
.medix-service-card{
  background:#11131a;
  border:1px solid rgba(0,229,255,.15);
  border-radius:12px;
  padding:16px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.medix-service-card:hover{
  border-color:#00E5FF;
  box-shadow:0 0 14px rgba(0,229,255,.25);
}
.medix-sc-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:8px;
}
.medix-sc-id{
  font-size:13px;
  color:#9aa3b2;
  font-weight:600;
  margin-bottom:6px;
}
.medix-sc-favorite{ color:#FF2E9E; cursor:pointer; }
.medix-sc-name{
  font-size:14px;
  color:#fff;
  line-height:1.5;
  margin-bottom:12px;
}
.medix-sc-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:10px;
}
.medix-sc-meta-item{ display:flex; flex-direction:column; gap:2px; }
.medix-sc-meta-label{ font-size:12px; color:#9aa3b2; }
.medix-sc-meta-value{ font-size:14px; font-weight:600; color:#fff; }
.medix-sc-price .medix-sc-meta-value{ color:#00E5FF; }
.medix-sc-desc{
  margin-top:10px;
  font-size:12px;
  color:#9aa3b2;
  line-height:1.5;
}
.medix-sc-order-btn{
  display:inline-block;
  margin-top:12px;
  padding:8px 16px;
  border-radius:8px;
  background:linear-gradient(135deg,#00E5FF,#FF2E9E);
  color:#0b0b14;
  font-weight:700;
  font-size:13px;
  text-decoration:none;
}

/* Platform filter row */
.medix-platform-filter{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin:18px 0 28px;
}
.medix-pf-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  background:transparent;
  border:none;
  cursor:pointer;
  color:#9aa3b2;
  font-size:12px;
}
.medix-pf-icon{
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background: var(--c, #00E5FF);
  color: var(--t, #fff);
  font-size:20px;
  border:2px solid transparent;
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.medix-pf-item:hover .medix-pf-icon,
.medix-pf-item.active .medix-pf-icon{
  border-color:#00E5FF;
  box-shadow:0 0 14px rgba(0,229,255,.35);
  transform: translateY(-2px);
}
.medix-pf-item.active .medix-pf-label{ color:#00E5FF; }

@media (max-width: 576px){
  .medix-services-grid{ grid-template-columns: 1fr; }
  .medix-platform-filter{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .medix-pf-item{ flex: 0 0 auto; }
}

/* Fix: the site's global mobile hero rule (header.header padding-top:30px;padding-bottom:50px under max-width:991px,
   meant for the homepage's hero header) inflates this page's plain navbar height beyond the page's 70px fixed-header
   offset, hiding the title/category-filter row underneath it on phones. This page has no hero content, so remove it. */
@media (max-width: 991px){
  header.header{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: inherit !important;
  }
}