/* SERVICES-APP-r3
   Confirmation screen after service request submit.
   Scope: only .services-app-page--confirm.
*/
.services-app-page--confirm .services-app-phone{
  min-height:calc(100dvh - 82px - env(safe-area-inset-bottom));
}
.services-app-nav-head--confirm{
  margin-bottom:16px;
}
.services-app-success{
  border:1px solid #eeeeee;
  border-radius:14px;
  background:#ffffff;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
  padding:22px 18px 20px;
  text-align:center;
  color:#101114;
}
.services-app-success__icon{
  width:58px;
  height:58px;
  margin:0 auto 13px;
  border-radius:20px;
  background:#ffb300;
  color:#101114;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  font-weight:900;
  box-shadow:0 12px 24px rgba(255,179,0,.24);
}
.services-app-success h2{
  margin:0;
  font-size:21px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.03em;
  color:#101114;
}
.services-app-success p{
  margin:9px auto 0;
  max-width:310px;
  color:#6b7280;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
.services-app-confirm-card{
  margin-top:12px;
  border:1px solid #eeeeee;
  border-radius:14px;
  background:#ffffff;
  box-shadow:0 8px 24px rgba(15,23,42,.055);
  overflow:hidden;
}
.services-app-confirm-row{
  display:grid;
  grid-template-columns:108px minmax(0,1fr);
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid #f1f1f1;
  align-items:start;
}
.services-app-confirm-row:last-child{
  border-bottom:0;
}
.services-app-confirm-row span{
  color:#9ca3af;
  font-size:11px;
  line-height:1.25;
  font-weight:800;
}
.services-app-confirm-row strong{
  color:#101114;
  font-size:12px;
  line-height:1.32;
  font-weight:900;
  text-align:right;
  overflow-wrap:anywhere;
}
.services-app-confirm-actions{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:13px;
}
.services-app-secondary{
  width:100%;
  height:42px;
  border:1px solid #eeeeee;
  border-radius:8px;
  background:#ffffff;
  color:#101114;
  font-size:13px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.services-app-secondary:active{
  transform:translateY(1px);
}
@media (max-width:360px){
  .services-app-confirm-row{
    grid-template-columns:92px minmax(0,1fr);
    padding:11px 12px;
  }
}