/* E063 — balanced service selector for /reserver/ and /en/book/. */
.b53-page .b53-service-layout{
  grid-template-columns:minmax(0,1fr) 340px;
  gap:32px;
  align-items:start;
}
.b53-page .b53-service-families{gap:22px}
.b53-page .b53-service-family{
  display:block;
  padding:26px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 20px 56px -48px rgba(0,0,0,.65);
}
.b53-page .b53-family-copy{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-areas:"number title" "number help";
  gap:3px 16px;
  align-items:start;
  padding:0 0 20px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.b53-page .b53-family-number{
  grid-area:number;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0;
  border:1px solid rgba(245,162,93,.42);
  border-radius:50%;
  color:#f7aa68;
  font-size:17px;
}
.b53-page .b53-family-copy h3{
  grid-area:title;
  margin:0;
  color:#fff;
  font-size:clamp(25px,2vw,31px);
  line-height:1.1;
  letter-spacing:-.025em;
}
.b53-page .b53-family-copy p{
  grid-area:help;
  max-width:62ch;
  margin:5px 0 0;
  color:#c5d2ca;
  font-size:12px;
  line-height:1.6;
}
.b53-page .b53-service-options{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}
.b53-page .b53-service-option{
  min-height:178px;
  padding:21px 22px 19px;
  border-color:rgba(255,255,255,.17);
  border-radius:16px;
  background:rgba(5,19,14,.52);
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.b53-page .b53-service-option:hover{
  transform:translateY(-2px);
  border-color:rgba(245,162,93,.72);
  background:rgba(245,162,93,.075);
}
.b53-page .b53-service-option.is-active{
  border-color:#f5a25d;
  background:linear-gradient(145deg,rgba(245,162,93,.16),rgba(255,255,255,.055));
  box-shadow:inset 0 0 0 1px rgba(245,162,93,.2),0 16px 42px rgba(0,0,0,.18);
}
.b53-page .b53-option-head{min-height:29px}
.b53-page .b53-mode-pill{
  padding:6px 10px;
  font-size:8px;
  letter-spacing:.12em;
}
.b53-page .b53-service-dot{width:18px;height:18px}
.b53-page .b53-service-option>strong{
  margin:18px 0 8px;
  font-size:clamp(21px,1.75vw,26px);
  line-height:1.16;
  letter-spacing:-.025em;
}
.b53-page .b63-option-summary{
  display:block;
  max-width:42ch;
  color:#b9c8bf;
  font-size:11px;
  line-height:1.55;
}
.b53-page .b53-existing-client{
  margin-top:12px;
  padding:4px 8px;
  border-color:rgba(245,162,94,.34);
  background:rgba(245,162,94,.045);
  color:#ffc08a;
  font-size:8px;
  letter-spacing:.07em;
}
.b53-page .b53-option-meta{
  gap:10px;
  margin-top:auto;
  padding-top:16px;
  color:#e4ece7;
  font-size:11px;
}
.b53-page .b53-option-meta b{font-weight:750}

/* A single coaching card fills its category instead of floating in empty space. */
.b53-page .b63-family-training .b53-service-options{grid-template-columns:1fr}
.b53-page .b63-family-training .b53-service-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"head head" "title meta" "summary meta";
  column-gap:36px;
  min-height:150px;
}
.b53-page .b63-family-training .b53-option-head{grid-area:head}
.b53-page .b63-family-training .b53-service-option>strong{grid-area:title;margin-bottom:7px}
.b53-page .b63-family-training .b63-option-summary{grid-area:summary}
.b53-page .b63-family-training .b53-option-meta{
  grid-area:meta;
  align-self:end;
  justify-self:end;
  min-width:150px;
  justify-content:flex-end;
  padding:0 0 3px;
}

/* Lighter, narrower and more actionable selection summary. */
.b53-page .b53-selection-card{
  top:calc(var(--header,88px) + 20px);
  padding:30px 28px 25px;
  border:1px solid rgba(20,49,39,.1);
  border-radius:20px;
  box-shadow:0 22px 58px rgba(0,0,0,.2);
}
.b53-page .b53-selection-card:before{height:3px;border-radius:20px 20px 0 0}
.b53-page .b53-selection-label{font-size:9px}
.b53-page .b53-selection-card h3{
  max-width:10ch;
  margin:18px 0 12px;
  font-size:clamp(30px,2.4vw,39px);
  line-height:1.04;
}
.b53-page .b53-selection-card>p{
  margin-bottom:25px;
  color:#59675f;
  font-size:14px;
  line-height:1.7;
}
.b53-page .b53-selection-details>div{
  align-items:center;
  padding:15px 0;
  font-size:12px;
}
.b53-page .b53-selection-details dt{color:#65716a}
.b53-page .b53-selection-details dd{font-size:12px}
.b53-page .b53-selection-note{
  margin-top:18px;
  padding:14px 15px;
  font-size:11px;
  line-height:1.65;
}
.b53-page .b63-selection-continue{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  min-height:52px;
  margin-top:22px;
  padding:14px 16px;
  border:1px solid #e58a49;
  border-radius:8px;
  background:#f5a25d;
  color:#173329;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
  transition:transform .2s,background .2s;
}
.b53-page .b63-selection-continue:hover{transform:translateY(-1px);background:#ffb273}
.b53-page .b53-selection-link{
  justify-content:space-between;
  width:100%;
  margin-top:13px;
  padding:9px 0;
  font-size:11px;
}

@media(max-width:1180px){
  .b53-page .b53-service-layout{grid-template-columns:1fr;gap:24px}
  .b53-page .b53-selection-card{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);
    gap:10px 32px;
  }
  .b53-page .b53-selection-card h3,.b53-page .b53-selection-card>p{grid-column:1}
  .b53-page .b53-selection-details{grid-column:2;grid-row:1/5}
  .b53-page .b53-selection-note,.b53-page .b63-selection-continue,.b53-page .b53-selection-link{grid-column:1}
}
@media(max-width:900px){
  .b53-page .b53-service-family{padding:22px}
  .b53-page .b53-service-options{grid-template-columns:1fr}
  .b53-page .b63-family-training .b53-service-option{display:flex;min-height:168px}
  .b53-page .b53-selection-card{display:block}
  .b53-page .b53-selection-card h3{max-width:15ch}
}
@media(max-width:650px){
  .b53-page .b53-service-family{padding:19px 15px;border-radius:15px}
  .b53-page .b53-family-copy{grid-template-columns:40px 1fr;gap:3px 12px;padding-bottom:17px}
  .b53-page .b53-family-number{width:36px;height:36px;font-size:15px}
  .b53-page .b53-family-copy h3{font-size:25px}
  .b53-page .b53-service-options{margin-top:15px}
  .b53-page .b53-service-option{min-height:166px;padding:18px 17px}
  .b53-page .b53-service-option>strong{font-size:22px}
  .b53-page .b53-selection-card{padding:25px 20px}
  .b53-page .b53-selection-card h3{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.b53-page .b63-selection-continue{transition:none}}