/* Bencefalo v35 — conversion details and trust */

.service-decision-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:8px 0 3px;
  padding:5px 8px;
  border:1px solid rgba(var(--accent-rgb,164,126,255),.18);
  border-radius:999px;
  background:rgba(var(--accent-rgb,164,126,255),.055);
  color:rgba(235,226,246,.80);
  font-size:9px;
  line-height:1;
  font-weight:760;
  letter-spacing:.03em;
}

.service-decision-chip{
  display:inline-flex;
  margin-top:8px;
  padding:5px 9px;
  border:1px solid rgba(var(--accent-rgb,164,126,255),.20);
  border-radius:999px;
  background:rgba(var(--accent-rgb,164,126,255),.07);
  color:#d9c8ec;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.service-detail-proof{
  margin:10px 0 0;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:
    radial-gradient(20rem 12rem at 0 0,rgba(196,140,255,.045),transparent 70%),
    rgba(255,255,255,.012);
}
.service-proof-label{
  color:#9e8dad;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
.service-detail-proof blockquote{
  margin:8px 0 7px;
  color:#d7d0df;
  font-size:13px;
  line-height:1.62;
  font-style:italic;
}
.service-detail-proof figcaption{
  color:#bfa7d2;
  font-size:10px;
  font-weight:700;
}
.service-detail-proof small{
  display:block;
  margin-top:7px;
  color:#665f70;
  font-size:8.5px;
  line-height:1.4;
}

.service-buy-wrap{
  min-width:230px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
}
.service-buy-wrap .btn{
  width:100%;
  min-width:230px;
}
.service-buy-wrap small{
  display:block;
  color:#736d7d;
  font-size:8.5px;
  line-height:1.35;
  text-align:center;
  white-space:nowrap;
}

@media(max-width:700px){
  .service-detail-card{
    padding-bottom:10px;
  }
  .service-detail-actions{
    position:sticky;
    z-index:5;
    bottom:-10px;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px!important;
    margin:20px -2px -2px!important;
    padding:13px 2px 10px!important;
    border-top:1px solid rgba(164,126,255,.11);
    background:
      linear-gradient(180deg,rgba(5,6,13,0),rgba(5,6,13,.97) 18%,rgba(5,6,13,1) 100%);
  }
  .service-buy-wrap{
    grid-column:1/-1;
    grid-row:1;
    min-width:0;
  }
  .service-buy-wrap .btn{
    min-width:0;
    min-height:46px;
  }
  .service-detail-actions>.btn{
    width:100%;
    min-width:0;
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:10px!important;
  }
  .service-buy-wrap small{
    white-space:normal;
    font-size:8px;
  }
  .service-detail-proof blockquote{
    font-size:12px;
  }
}