/* ===================== Être rappelé ===================== */
.cb-main{flex:1;padding:clamp(32px,6vh,72px) var(--gutter) 24px}
.cb-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.cb-intro{display:flex;flex-direction:column;gap:18px;position:sticky;top:120px}
.cb-h{font-size:clamp(40px,4.6vw,64px)}
.cb-pts{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15.5px}
.cb-pts li{display:flex;align-items:center;gap:12px}
.cb-ck{width:24px;height:24px;flex:0 0 24px;border-radius:999px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:center}
.cb-card{position:relative;background:var(--white);border-radius:24px;padding:clamp(26px,3.2vw,48px);box-shadow:0 40px 90px -40px rgba(27,26,24,.28);border:1px solid var(--line);animation:suIn .7s var(--ease) both}
.cb-fields{display:flex;flex-direction:column;gap:18px}
.cb-t{font-size:clamp(28px,2.6vw,36px);line-height:1.08}
.cb-lbl{font-size:14px;font-weight:500}
.cb-when{display:flex;flex-direction:column;gap:10px}
.cb-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:16px;background:var(--mist)}
.cb-seg label{position:relative;cursor:pointer}
.cb-seg input{position:absolute;opacity:0}
.cb-seg span{display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;font-size:15px;color:var(--muted);transition:background-color .35s var(--ease),color .35s,box-shadow .35s}
.cb-seg input:checked + span{background:var(--white);color:var(--ink);box-shadow:0 4px 14px rgba(27,26,24,.1)}
.cb-seg input:focus-visible + span{outline:2px solid var(--ink);outline-offset:2px}
.cb-slot{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease),opacity .4s;opacity:0}
.cb-slot.on{grid-template-rows:1fr;opacity:1}
.cb-slot-in{overflow:hidden;display:flex;flex-direction:column;gap:16px;padding-top:4px}
.cb-hours{display:none;flex-direction:column;gap:10px}
.cb-hours.on{display:flex;animation:suIn .5s var(--ease) both}
.cb-hgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:236px;overflow-y:auto;padding:2px 2px 18px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),transparent);mask-image:linear-gradient(#000 calc(100% - 28px),transparent)}
.cb-hgrid label{position:relative;cursor:pointer}
.cb-hgrid input{position:absolute;opacity:0}
.cb-hgrid span{display:flex;align-items:center;justify-content:center;height:44px;border-radius:12px;border:1px solid var(--line-strong);font-size:14.5px;font-variant-numeric:tabular-nums;transition:background-color .3s,color .3s,border-color .3s}
.cb-hgrid input:checked + span{background:var(--ink);color:var(--white);border-color:var(--ink)}
.cb-hgrid input:focus-visible + span{outline:2px solid var(--ink);outline-offset:2px}
.cb-none{grid-column:1/-1;font-size:14px;color:var(--muted)}
@media (hover:hover){.cb-hgrid label:hover span{border-color:var(--ink)}}
.cb-slot.on .cb-slot-in{padding-top:8px}
.cb-slot input[type=date]{min-height:60px}
.cb-rgpd{font-size:12.5px;line-height:1.55;color:var(--subtle)}
.cb-rgpd a{color:var(--muted);text-underline-offset:3px}
.cb-card .su-err{text-align:left}
.cb-done{display:none;flex-direction:column;align-items:flex-start;gap:14px}
.cb-card.sent .cb-fields{display:none}
.cb-card.sent .cb-done{display:flex;animation:suIn .6s var(--ease) both}
.cb-done .su-nx{width:100%;margin-top:8px}
.cb-done .su-nx svg{color:#1F9D57}
.cb-foot{position:static;background:none;padding-top:8px}
@media (max-width:900px){
  .cb-in{grid-template-columns:minmax(0,1fr);gap:28px}
  .cb-intro{position:static}
}
@media (max-width:640px){
  .cb-main{padding-top:24px}
  .cb-h{font-size:36px}
  .cb-pts{font-size:14.5px;gap:10px}
  .cb-card{border-radius:20px;padding:24px 20px}
  .cb-hgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}