/* demo62: casting check with instant verdict. Background: oval mirror rings rippling from the pointer. */
.tc2-top { display:grid; grid-template-columns:minmax(0,7fr) minmax(220px,4fr); gap:clamp(20px,4vw,60px); align-items:center; padding-top:clamp(24px,4vw,56px); padding-bottom:clamp(30px,4vw,50px); }
.tc2-mirror { margin:0; aspect-ratio:3/4; border-radius:50% / 42%; overflow:hidden; box-shadow:0 0 0 6px rgb(245 147 95 / .85),0 0 70px rgb(245 147 95 / .45); max-height:560px; justify-self:center; width:100%; max-width:400px; }
.tc2-mirror img { width:100%; height:100%; object-fit:cover; object-position:50% 24%; }
.tc2-cast { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(14px,2vw,24px); align-items:start; scroll-margin-top:90px; }
.tc2-f { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.tc2-f label { display:grid; gap:5px; font-size:13px; font-weight:700; color:#dcdcdc; }
.tc2-days { display:grid; grid-template-columns:repeat(10,1fr); gap:5px; }
.tc2-days button { min-height:38px; border:1px solid var(--line-strong); border-radius:8px; background:rgb(255 255 255 / .06); color:#fff; font:700 14px var(--font); cursor:pointer; }
.tc2-days button.busy { background:none; border-color:var(--line); color:#a1a1aa; text-decoration:line-through; }
.tc2-days button[aria-pressed=true] { background:#f5935f; border-color:#f5935f; color:#18171a; text-decoration:none; }
.tc2-res { position:sticky; top:84px; }
.tc2-res h3 { font-size:24px; }
.tc2-res ul { list-style:none; margin:12px 0 16px; padding:0; display:grid; gap:7px; }
.tc2-card { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin:18px 0 0; padding-top:14px; border-top:1px solid var(--line-strong); }
.tc2-card div { display:grid; } .tc2-card dd { margin:0; font:600 18px var(--font-head); color:#fff; } .tc2-card dt { font-size:12px; color:var(--muted); }
.tc2-res .btn[aria-disabled=true] { opacity:.45; pointer-events:none; }
@media (max-width:860px){ .tc2-top,.tc2-cast { grid-template-columns:1fr; } .tc2-mirror { max-width:280px; grid-row:1; } .tc2-f { grid-template-columns:1fr 1fr; } .tc2-res { position:static; } .tc2-days { grid-template-columns:repeat(7,1fr); } }
