.calendar-dropdown{position:absolute;top:100%;right:0;left:auto;margin-top:10px;transform:none;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:999999;font-family:system-ui,-apple-system,sans-serif;padding:32px 16px 16px;width:580px;overflow:visible}.calendar-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.month-range{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.month-year{font-size:14px;font-weight:600;color:#333;margin:0}.month-separator{font-size:14px;color:#666;font-weight:500}.nav-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:24px;height:24px}.nav-btn:hover{background-color:#007bff1a}.close-btn{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:16px;color:#666;padding:2px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:10}.close-btn:hover{background-color:#0000001a}.two-months-container{display:flex;gap:20px;overflow:visible}.month-grid{display:flex;flex-direction:column;flex:1}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.day-header{text-align:center;font-size:11px;font-weight:600;color:#666;padding:6px 2px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:13px;font-weight:500;color:#333;border-radius:6px;transition:all .2s ease;position:relative}.calendar-day.other-month{color:#ccc}.calendar-day.today{background:#007bff2c!important;color:#007bff!important;font-weight:600;border-radius:50%!important}.calendar-day.saturday{border:2px solid rgba(0,123,255,.5);color:#007bff;font-weight:600;border-radius:50%;background-color:transparent}.calendar-day.option-booking{background-color:#fef9c3;border:2px solid #FACC15;color:#854d0e}.calendar-day.option-booking:hover{background-color:#fef08a;border-color:#eab308;cursor:pointer}.calendar-day.selectable{cursor:pointer}.calendar-day.selectable:hover{border:2px solid rgba(0,123,255,.8)!important;border-radius:50%!important;background-color:#007bff0d!important}.calendar-day.selected{background-color:#333!important;color:#fff!important;font-weight:600;border-radius:50%!important}.calendar-day.selected-between{background-color:#3333!important;color:#333!important;font-weight:500;border-radius:50%!important}.calendar-day.preview{background-color:#3333334d!important;color:#333!important;font-weight:500;border-radius:50%!important}.calendar-day.empty{visibility:hidden}@media(max-width:768px){.calendar-dropdown{width:520px;padding:14px}.two-months-container{gap:16px}.month-year{font-size:13px}.nav-btn,.close-btn{width:22px;height:22px}.day-header{font-size:10px;padding:4px 1px}.calendar-day{width:28px;height:28px;font-size:12px}}@media(max-width:600px){.calendar-dropdown{width:100%;max-width:480px;padding:12px}.two-months-container{gap:12px}.month-year,.month-separator{font-size:12px}.nav-btn,.close-btn{width:20px;height:20px}.day-header{font-size:9px;padding:3px 1px}.calendar-day{width:26px;height:26px;font-size:11px}}@media(max-width:480px){.calendar-dropdown{width:100%;max-width:100%;padding:10px}.two-months-container{flex-direction:column;gap:16px}.month-range{flex-direction:column;gap:4px}.month-separator{display:none}.calendar-day{width:32px;height:32px;font-size:12px}}