.live-customer{width:min(100%,960px);color:#172326}.live-customer h3{margin:18px 0 12px}.live-customer p{line-height:1.6;margin:10px 0}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-student,.customer-appointment{border:1px solid #dce6e1;border-radius:12px;padding:16px;margin:14px 0;background:#f8faf7}.customer-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.customer-line{background:#e4f3f1;border-radius:12px;padding:18px;margin-top:24px}.customer-line .btn{display:inline-flex}.customer-offerings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-offering{border:1px solid #dce6e1;border-radius:12px;overflow:hidden}.customer-offering img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.customer-offering>div{padding:18px}.customer-offering .btn{margin:5px 5px 0 0}.customer-date-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.customer-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:12px}.customer-days>span{text-align:center;font-size:12px;color:#637076}.customer-days button{min-height:38px;border:1px solid #dce6e1;border-radius:8px;background:white;color:#172326}.customer-days button:disabled{opacity:.35}.customer-days button.selected{background:#007f82;color:white}.customer-slots{display:flex;flex-direction:column;gap:8px;margin-top:12px}.customer-selected{padding:10px;background:#e4f3f1;border-radius:8px;margin-bottom:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.customer-qr{display:block;max-width:260px;width:100%;margin:14px auto}.live-customer form>.btn{margin-top:16px}.live-customer details{margin:12px 0}.live-customer .formfield{min-width:0}.live-customer input,.live-customer select{max-width:100%}@media(max-width:650px){.customer-grid,.customer-date-layout,.customer-offerings{grid-template-columns:1fr}.customer-tabs>.btn{flex:1;font-size:12px}.customer-offering .btn{width:100%;margin:5px 0}.customer-selected .btn{margin-left:auto}}