diff --git a/src/components/calendar/BookingCalendar.tsx b/src/components/calendar/BookingCalendar.tsx
index fa7c9db..6945623 100644
--- a/src/components/calendar/BookingCalendar.tsx
+++ b/src/components/calendar/BookingCalendar.tsx
@@ -694,24 +694,31 @@ export function BookingCalendar({ rooms, bookings, slug, onBookingCreate, onBook
                               Весь день
                             </div>
                           ) : dayBookings.length > 0 ? (
-                            /* Hourly bookings — squares + times */
-                            <div className="absolute inset-x-1 top-1.5 flex flex-col gap-0.5">
-                                  {/* One colored dot per booking + its time */}
-                              {dayBookings.map(b => {
-                                const fmtT = (min: number) => {
-                                  const h = Math.floor(min / 60), m = min % 60
-                                  return m === 0 ? `${h}` : `${h}:${String(m).padStart(2,'0')}`
-                                }
-                                return (
-                                  <div key={b.id} className="flex items-center gap-0.5">
-                                    <div className={cn('w-2.5 h-2.5 rounded-[3px] shrink-0', obj.color)} />
-                                    <span className="text-[9px] text-slate-700 dark:text-slate-200 font-medium leading-none truncate">
-                                      {fmtT(b.startHour)}–{fmtT(b.endHour)}
-                                    </span>
-                                  </div>
-                                )
-                              })}
-                            </div>
+                            /* Timed bookings — dot + compact time, max 3 visible */
+                            (() => {
+                              const fmtT = (min: number) => {
+                                const h = Math.floor(min / 60), m = min % 60
+                                return m === 0 ? `${h}` : `${h}:${String(m).padStart(2, '0')}`
+                              }
+                              const visible = dayBookings.slice(0, 3)
+                              const extra = dayBookings.length - visible.length
+                              return (
+                                <div className="absolute inset-x-1 top-1 flex flex-col gap-px overflow-hidden" style={{ maxHeight: rentalRowH - 6 }}>
+                                  {visible.map(b => (
+                                    <div key={b.id} className="flex items-center gap-0.5 min-w-0"
+                                      title={`${b.guestName} · ${fmtT(b.startHour)}–${fmtT(b.endHour)}`}>
+                                      <div className={cn('w-2 h-2 rounded-[2px] shrink-0', obj.color)} />
+                                      <span className="text-[9px] text-slate-700 dark:text-slate-200 font-medium leading-none truncate">
+                                        {fmtT(b.startHour)}–{fmtT(b.endHour)}
+                                      </span>
+                                    </div>
+                                  ))}
+                                  {extra > 0 && (
+                                    <span className="text-[9px] text-slate-400 leading-none pl-2.5">+{extra}</span>
+                                  )}
+                                </div>
+                              )
+                            })()
                           ) : (
                             /* Empty — show "+" hint on hover */
                             <div className="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity">