/* Bencefalo v33 — universal service detail modal */

.service-detail-modal{
  position:fixed;inset:0;z-index:1100;
  display:grid;place-items:center;
  padding:24px;
}
.service-detail-backdrop{
  position:absolute;inset:0;
  background:rgba(1,1,7,.86);
  backdrop-filter:blur(10px);
}
.service-detail-card{
  position:relative;z-index:1;
  width:min(860px,100%);
  max-height:min(88vh,820px);
  overflow:auto;
  padding:28px;
  border:1px solid rgba(var(--accent-rgb,164,126,255),.28);
  border-radius:22px;
  background:
    radial-gradient(38rem 24rem at 100% 0%,rgba(var(--accent-rgb,164,126,255),.12),transparent 68%),
    linear-gradient(145deg,#100b1d,#05060d 72%);
  box-shadow:0 34px 100px rgba(0,0,0,.66),inset 3px 0 0 rgba(var(--accent-rgb,164,126,255),.55);
}
.service-detail-close{
  position:absolute;right:14px;top:12px;
  width:36px!important;height:36px;padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.025)!important;
  color:#ded8e7!important;font-size:21px!important;
}
.service-detail-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:26px;padding-right:38px;
}
.service-detail-head h2{
  margin:5px 0 0;
  font-size:38px;line-height:1.03;
}
.service-detail-price{
  flex:0 0 auto;
  color:#f7df8f;
  font-size:24px;font-weight:800;
  white-space:nowrap;
}
.service-detail-intro{
  max-width:690px;
  margin:17px 0 20px;
  color:#b6afc0;
  font-size:14px;line-height:1.7;
}
.service-detail-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin-bottom:10px;
}
.service-detail-facts>div,
.service-detail-scope section{
  padding:14px 15px;
  border:1px solid rgba(164,126,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.service-detail-facts b{
  display:block;margin-bottom:5px;
  color:#d7a9ff;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
}
.service-detail-facts span{
  display:block;
  color:#c8c2d0;font-size:12px;line-height:1.58;
}
.service-detail-scope{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.service-detail-scope section:first-child{border-color:rgba(52,211,153,.16)}
.service-detail-scope section:last-child{border-color:rgba(244,114,182,.14)}
.service-detail-label{
  display:inline-flex;
  margin-bottom:6px;
  font-size:11px;font-weight:800;
}
.service-detail-label.good{color:#72dfbd}
.service-detail-label.limit{color:#dfa9be}
.service-detail-scope p{
  margin:0;color:#9f99aa;font-size:12px;line-height:1.66;
}
.service-detail-extra{
  display:flex;align-items:flex-start;gap:12px;
  margin-top:10px;padding:13px 14px;
  border:1px solid rgba(247,223,143,.16);
  border-radius:13px;
  background:rgba(247,223,143,.035);
}
.service-detail-extra b{
  flex:0 0 auto;color:#f7df8f;font-size:11px;
}
.service-detail-extra span{
  color:#aaa3b4;font-size:11px;line-height:1.55;
}
.service-detail-actions{
  display:flex;justify-content:flex-end;gap:10px;
  margin-top:22px;padding-top:18px;
  border-top:1px solid rgba(164,126,255,.10);
}
.service-detail-actions .btn{min-width:190px}

.intake-selection{
  width:min(980px,100%);
  margin:20px auto 14px;
  padding:14px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border:1px solid rgba(var(--accent-rgb,164,126,255),.17);
  border-radius:14px;
  background:rgba(10,8,22,.64);
  box-shadow:inset 3px 0 0 rgba(var(--accent-rgb,164,126,255),.42);
}
.intake-selection strong{
  display:block;margin-top:2px;
  color:#f4eef9;font-size:14px;
}
.intake-selection small{
  display:block;margin-top:4px;
  color:#7f788a;font-size:10px;line-height:1.45;
}
.intake-selection-actions{
  flex:0 0 auto;
  display:flex;align-items:center;gap:12px;
}
.intake-selection-actions>b{
  color:#f7df8f;font-size:15px;white-space:nowrap;
}
.intake-selection-actions .inline-link{
  white-space:nowrap;
}

@media(max-width:700px){
  .service-detail-modal{padding:12px}
  .service-detail-card{padding:23px 16px 18px;max-height:92vh}
  .service-detail-head{display:block;padding-right:38px}
  .service-detail-head h2{font-size:31px}
  .service-detail-price{margin-top:9px;font-size:21px}
  .service-detail-intro{font-size:13px}
  .service-detail-facts,.service-detail-scope{grid-template-columns:1fr}
  .service-detail-extra{display:block}
  .service-detail-extra span{display:block;margin-top:4px}
  .service-detail-actions{flex-direction:column-reverse}
  .service-detail-actions .btn{width:100%;min-width:0}
  .intake-selection{align-items:flex-start}
  .intake-selection-actions{display:grid;justify-items:end;gap:4px}
}