/* SERVICES-MOBILE-r3
   Pixel rhythm pass for #services based on the supplied reference screenshot.
   Scope: only .services-lite-page, visual-only. Existing routing and flows stay unchanged.
*/
.services-lite-page{
  background:#fff !important;
}
.services-lite-shell{
  width:min(390px, 100%);
  padding:8px 7px 18px;
}
.services-lite-head{
  padding:0 0 7px;
}
.services-lite-logo{
  margin:0 0 17px;
  font-size:18px;
  line-height:1;
  letter-spacing:-.01em;
}
.services-lite-head h1{
  max-width:220px;
  margin:0;
  font-size:18px;
  line-height:1.07;
  letter-spacing:-.035em;
  font-weight:900;
}
.services-lite-search{
  grid-template-columns:minmax(0,1fr) 30px;
  gap:5px;
  margin:7px 0 14px;
}
.services-lite-search input{
  height:28px;
  border-radius:4px;
  background:#f1f1f1;
  padding-left:27px;
  padding-right:8px;
  font-size:9.5px;
  font-weight:700;
}
.services-lite-search::before{
  content:'';
  width:12px;
  height:12px;
  left:9px;
  top:8px;
  margin:0;
  line-height:1;
  border:1.8px solid #a8a8a8;
  border-radius:50%;
  box-sizing:border-box;
}
.services-lite-search::after{
  content:'';
  position:absolute;
  left:20px;
  top:19px;
  width:6px;
  height:1.8px;
  background:#a8a8a8;
  border-radius:99px;
  transform:rotate(45deg);
  pointer-events:none;
}
.services-lite-search button{
  width:30px;
  height:28px;
  border-radius:4px;
  background:#f3bf00;
}
.services-lite-search button svg{
  width:14px;
  height:14px;
  stroke-width:2.3;
}
.services-lite-grid{
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:7px;
}
.services-lite-card{
  min-height:58px;
  border-radius:5px;
  background:#f2f2f2;
  gap:4px;
  padding:7px 4px 6px;
}
.services-lite-card:active{
  transform:scale(.985);
  background:#ececec;
}
.services-lite-card__icon{
  width:22px;
  height:22px;
}
.services-lite-card__icon svg{
  width:22px;
  height:22px;
  stroke-width:1.7;
}
.services-lite-card__label{
  min-height:auto;
  font-size:8.5px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.01em;
  -webkit-line-clamp:1;
}
.services-lite-empty{
  margin-top:10px;
  padding:9px;
  border-radius:6px;
  font-size:10px;
}
@media (min-width:430px) and (max-width:767px){
  .services-lite-shell{
    width:min(430px,100%);
    padding-left:12px;
    padding-right:12px;
  }
  .services-lite-card{
    min-height:66px;
  }
  .services-lite-card__label{
    font-size:10px;
  }
}
@media (min-width:768px){
  .services-lite-page{
    padding-top:16px;
    background:linear-gradient(180deg,#fff 0%,#f7f7f7 100%) !important;
  }
  .services-lite-shell{
    width:min(430px,100%);
    padding:18px 18px 22px;
    border-radius:22px;
  }
  .services-lite-logo{font-size:19px;}
  .services-lite-head h1{font-size:21px;max-width:260px;}
  .services-lite-search{grid-template-columns:minmax(0,1fr) 38px;gap:7px;margin:9px 0 16px;}
  .services-lite-search input,.services-lite-search button{height:34px;border-radius:6px;}
  .services-lite-search button{width:38px;}
  .services-lite-grid{gap:10px;}
  .services-lite-card{min-height:72px;border-radius:7px;}
  .services-lite-card__label{font-size:10.5px;}
}
@media (max-width:340px){
  .services-lite-shell{padding-left:6px;padding-right:6px;}
  .services-lite-grid{gap:6px;}
  .services-lite-card{min-height:55px;}
  .services-lite-head h1{font-size:17px;}
}